该公司的项目使用的插件时间选择，百度很长一段时间。没有找到合适的，而且，他们在看了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. Python使用cx_Oracle模块连接操作Oracle数据库
			
    1. 简单介绍 cx_Oracle 是一个用来连接并操作 Oracle 数据库的 Python 扩展模块, 支持包含 Oracle 9.2 10.2 以及 11.1 等版本号 2.安装 最好是去官网h ...
    
			
    2. 
						
  2. 从零開始学android&lt;Menu菜单组件.三十.&gt;
			
    在Android系统之中.菜单一共同拥有三类:选项菜单(OptionsMenu).上下文菜单(ContextMenu)和子菜单(SubMenu). 今天我们就用几个样例来分别介绍下菜单的使用 acti ...
    
			
    3. 
						
  3. queue C++
			
    #include <iostream> using namespace std; class DequeEmptyException { public: DequeEmptyExcepti ...
    
			
    4. 
						
  4. java特权制度设计篇
			
    数据库表设计 1.1.1.   模块管理(jk_module) 项 类型 说明 id long 就是数据库记录idx号 name string 模块名称 orderid int 排序id  由小到大显 ...
    
			
    5. 
						
  5. Linux Shell 函数返回值
			
    Shell函数返回值,常用的两种方式:return,echo 1) return 语句 shell函数的返回值,可以和其他语言的返回值一样,通过return语句返回. 示例: #!/bin/sh fu ...
    
			
    6. 
						
  6. UNIX 网络编程之线程
			
    概述: 实现并发服务器一般都是父进程accept一个连接,然后fork一个子进程,该子进程处理与该连接对端的客户之间的通信.但是fork是昂贵,耗资源和时间.而线程是轻量级线程,它的创建比进程的创建块 ...
    
			
    7. 
						
  7. 实现ListView A~Z快速索引
			
    ListView A~Z快速索引这种效果在通信录和城市列表中经常看到,方便用户查找,是一种增加用户体验的好方法. 实现步骤: 1.自定义一个名叫SlideBar 的View. 2.在布局文件中加入这个 ...
    
			
    8. 
						
  8. poj3642 Charm Bracelet(0-1背包)
			
    题目意思: 给出N,M,N表示有N个物品,M表示背包的容量.接着给出每一个物品的体积和价值,求背包可以装在的最大价值. http://poj.org/problem? id=3624 题目分析: o- ...
    
			
    9. 
						
  9. Android监控程序本身被卸载方法汇总
			
    本文章由Jack_Jia编写,转载请注明出处.   文章链接: http://blog.csdn.net/jiazhijun/article/details/10157901 作者:Jack_Jia  ...
    
			
    10. 
						
  10. WP开发使用BingMaps地图服务
			
    原文:WP开发使用BingMaps地图服务 WP8使用BingMaps地图在 SOAP服务如何计算路径 首先需要用到3个服务 1.GeoCode服务-转换地址到地理的经纬度(WebServices地址 ...
    
			
    11.