该公司的项目使用的插件时间选择，百度很长一段时间。没有找到合适的，而且，他们在看了jqueryUI。自己变成一个更好的集成日期选择器。为了以后遇到相同的问题是可以解决。

以下就贴出部分使用的代码，比較简单，可是非常有用！！！

<!doctype html>

<html lang="en">

	<head>

		<meta charset="utf-8">

		<title>jQuery UI 日期选择器（Datepicker） - 默认功能</title>

		<link rel="stylesheet" href="//code.jquery.com/ui/1.10.4/themes/smoothness/jquery-ui.css">

		<script src="//code.jquery.com/jquery-1.9.1.js"></script>

		<script src="//code.jquery.com/ui/1.10.4/jquery-ui.js"></script>

		<link rel="stylesheet" href="http://jqueryui.com/resources/demos/style.css">

		<!-引入jqueryUI的相关文件-->

		<style>

			#draggable {

				width: 150px;

				height: 150px;

				padding: 0.5px;

				border: 1px solid #F00

			}

		</style>

		<script>

			$(function() {

				$("#datepicker").datepicker({

					showOtherMonths: true,

					selectOtherMonths: true,

					showButtonPanel: true,

					/*显示今天的日期的显示。以及关闭时间选择器*/

					changeMonth: true,

					/*显示选择其它月份*/

					changeYear: true,

					/*显示选择其它年份*/

					dateFormat: "yy - mm - dd" /*设置日期的显示格式*/ ,

					showWeek: true,/*显示一年中的第几周*/

					firstDay: 1

				})

			});

		</script>

	</head>

	<body>

		<p>日期：

			<input type="text" id="datepicker">

		</p>

	</body>

</html>

关于JqueryUI的datepicker选择器的其它部分属性能够通过以下的链接查看：

jQuery UI API - 日期选择器部件





版权声明：本文博主原创文章，博客，未经同意不得转载。


												


											
采用jqueryUI创建日期选择器的更多相关文章
	

    
								
  1. Flex 日期选择器控件
		
    在构建用户界面时,经常用到日期的输入和选择. 输入日期时,用户可以使用键盘输入,也可以在类似于日历的弹出式对话框中,通过鼠标单击所选日期. 在Flex中可以通过日期输入控件实现输入和选择日期.Flex ...
    
		
    2. 
						
  2. 安卓 Pickers(选择器)
		
    概述 安卓提供了现成的对话框,让用户选择一个时间或日期.每一个选择器控制时间(小时,分钟,AM/PM)或日期(月,日,年)的每一部分的选择.使用这些选择器帮助 确保用户正确的,格式化的,和适合的选择一 ...
    
		
    3. 
						
  3. JQuery高性能优化
		
    使用JQuery时,你可以使用多种选择器,选择同一个元素,各种方法之间的性能是不一样的,有时候差异会特别大. 通常比较常用的选择器有以下几个: ID选择器 $("#id") 标签选 ...
    
		
    4. 
						
  4. JQuery高性能最佳实践
		
    [使用最佳选择器] 使用JQuery时,你可以使用多种选择器,选择同一个元素,各种方法之间的性能是不一样的,有时候差异会特别大. 通常比较常用的选择器有以下几个: ID选择器 $("#id& ...
    
		
    5. 
						
  5. css: hide or dispaly div
		
    <!DOCTYPE html> <html> <head><meta http-equiv="Content-Type" content= ...
    
		
    6. 
						
  6. CSS清除浮动
		
    今天看到一篇文章关于清除浮动的,突然间脑袋短路了,咦?为什么要清除浮动?原谅我的无知,搜了下原来是这样,又倒腾出原来的笔记,唉,本来就有记录啊,而且也会经常用到,用的久了连原理都忘了.恩,防止自己再犯 ...
    
		
    7. 
						
  7. php-css外边距
		
    css 基本语法  selector{declaration1;declaration2;....delecrationN;} (选择器和一条或多条声明)  选择器为需要改变样式的html元素,每条声 ...
    
		
    8. 
						
  8. jquery 实践总结
		
    Ready事件 对DOM操作之前需要监听页面加载进度,应当在页面加载完成之后再执行DOM编辑操作. $(document).ready(function(){ ... }); 或者 $(functio ...
    
		
    9. 
						
  9. iOS开发——UI篇Swift篇&UIDatePicker
		
    UIDatePicker //返回按钮事件 @IBAction func backButtonClick() { self.navigationController?.popViewControlle ...
    
		
    10. 
		

	


随机推荐
	

    
									
  1. java之jvm学习笔记二(类装载器的体系结构)
			
    java的class只在需要的时候才内转载入内存,并由java虚拟机的执行引擎来执行,而执行引擎从总的来说主要的执行方式分为四种, 第一种,一次性解释代码,也就是当字节码转载到内存后,每次需要都会重新 ...
    
			
    2. 
						
  2. PYQT4 + Python2.6 + eric4-4.2.2a的安装全过程
			
    PYQT4 + Python2.6 + eric4-4.2.2a的安装全过程 - beike - ITeye技术网站 PYQT4 + Python2.6 + eric4-4.2.2a的安装全过程 博客 ...
    
			
    3. 
						
  3. struts2+jquery +json实现异步加载数据，亲测（原创）
			
    //初始加载页面时 $(document).ready(function(){ //为获取单个值的按钮注册鼠标单击事件 $("#getMessage").click(functio ...
    
			
    4. 
						
  4. python基础教程_学习笔记10：异常
			
    异常 什么是异常 Python用异常对象来表示异常情况.遇到错误后,会引发异常.假设异常对象并未被处理或捕捉,程序就会用所谓的回溯(Traceback,一种错误信息)终止运行: >>> ...
    
			
    5. 
						
  5. poj-3791-An Easy Game-记忆化搜索
			
    dp[i][j]:还有i个不同样的位置,还能走j步,一共同拥有多少种走法. 非常明显 dp[i][j]=sigm(dp[i-k][j-1]*c[i][k]*c[n-i][m-k]); 用记忆化搜索记忆 ...
    
			
    6. 
						
  6. Android利用反射获取状态栏(StatusBar)高度
			
    MainActivity如下: package cc.teststatusbarheight; import java.lang.reflect.Field; import android.os.Bu ...
    
			
    7. 
						
  7. MySQLdb 连接Mysql 数据库出错解决
			
      #coding=utf-8 import MySQLdb if __name__ == "__main__": db = MySQLdb.connect(host=<sp ...
    
			
    8. 
						
  8. 斯坦福ML公开课笔记14——主成分分析
			
    上一篇笔记中,介绍了因子分析模型,因子分析模型使用d维子空间的隐含变量z来拟合训练数据,所以实际上因子分析模型是一种数据降维的方法,它基于一个概率模型,使用EM算法来预计參数. 本篇主要介绍PCA(P ...
    
			
    9. 
						
  9. Java重写方法与初始化的隐患（转）
			
    原文出处: Shawon 虽然文章标题是Java, 但几乎所有面向对象设计的语言都遵守这个初始化流程, 感谢廖祜秋liaohuqiu_秋百万指出, 之前忘记提这个了. 前言 drakeet写了个和Re ...
    
			
    10. 
						
  10. [IOS]UIWebView实现保存页面和读取服务器端json数据
			
    如何通过viewView保存访问过的页面?和如何获取并解析服务器端发送过来的json数据?通过一个简单的Demo来学习一下吧! 操作步骤: 1.创建SingleViewApplication应用,新建 ...
    
			
    11.