该公司的项目使用的插件时间选择，百度很长一段时间。没有找到合适的，而且，他们在看了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. C++ 指针—02 指针与引用的对照
			
    ★同样点: ●都是地址的概念: 指针指向一块内存,它的内容是所指内存的地址:而引用则是某块内存的别名. ★不同点: ●指针是一个实体,而引用仅是个别名: ●引用仅仅能在定义时被初始化一次,之后不可变: ...
    
			
    2. 
						
  2. swift 笔记2
			
    swift交流群:342581988,欢迎增加. 今天真郁闷啊,把mac升级到10.10了.如今好了,曾经的程序都跑不了了.哎,不说了,让我郁闷会再. 说说条件推断吧,事实上这些基本的语法大家都知道肯 ...
    
			
    3. 
						
  3. 【MongoDB】The description of index(一)
			
    From this blog, we start to talk about the index in mongo Database, which is similar to the traditio ...
    
			
    4. 
						
  4. Java---25---集合框架共性方法
			
    集合类 为什么会出现集合类 面向对象语言对事物的体现都是以对象的形式,所以为了方便对较多个对象的操作,就对对象进行存储,集合就是存储对象最经常使用的一种方式 数组和集合类同一时候容器,有何不同? 数组 ...
    
			
    5. 
						
  5. hdu3062（two-sat）
			
    传送门:Party 题意:有n对夫妻被邀请参加一个聚会,因为场地的问题,每对夫妻中只有1人可以列席.在2n 个人中,某些人之间有着很大的矛盾(当然夫妻之间是没有矛盾的),有矛盾的2个人是不会同时出现在 ...
    
			
    6. 
						
  6. exit()和_exit()和return
			
    exit()和return的差别: 依照ANSI C,在最初调用的main()中使用return和exit()的效果同样. 但要注意这里所说的是"最初调用".假设main()在一个 ...
    
			
    7. 
						
  7. android greenDao SQLite数据库操作使用的工具
			
    关于如何建立类生成一个演示project.今天介绍如何使用. 这是ExampleDaoGeneratorproject代码,做了一些改动 /* * Copyright (C) 2011 Markus  ...
    
			
    8. 
						
  8. Java 使用AES/CBC/PKCS7Padding 加解密字符串
			
    介于java 不支持PKCS7Padding,只支持PKCS5Padding 但是PKCS7Padding 和 PKCS5Padding 没有什么区别要实现在java端用PKCS7Padding填充, ...
    
			
    9. 
						
  9. DIV+CSS 入门
			
    玩一小会儿前csdn什么时候,页面上的加qq而微博,我认为这是美好的.牛腩完成.运营商也开始了他真正的学习B/S之旅. 刚開始的时候,我不知道<div>是什么 也不清楚CSS用来干什么的, ...
    
			
    10. 
						
  10. nginx 301跳转到带www域名方法rewrite(转)
			
    首先一.得在你的域名管理里面定义 test.com和www.test.com指向你的主机ip地址,我们可以使用nslookup命令测试:直接输入 nslookup test.com和nslookup  ...
    
			
    11.