该公司的项目使用的插件时间选择，百度很长一段时间。没有找到合适的，而且，他们在看了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. MQ、JMS以及ActiveMQ
			
    MQ简介: MQ全称为Message Queue, 消息队列(MQ)是一种应用程序对应用程序的通信方法.应用程序通过写和检索出入列队的针对应用程序的数据(消息)来通信,而无需专用连接来链接它们.消息传 ...
    
			
    2. 
						
  2. BZOJ 2809 APIO2012 dispatching Treap+启示式合并 / 可并堆
			
    题目大意:给定一棵树,选定一棵子树中的一些点,薪水和不能超过m,求点的数量*子树根节点的领导能力的最大值 考虑对于每一个节点,我们维护一种数据结构,在当中贪心寻找薪金小的雇佣. 每一个节点暴力重建一定 ...
    
			
    3. 
						
  3. document.write()相关
			
    原文地址:http://www.cnblogs.com/dh616854836/articles/2140349.html document.write()脚本向窗口(不管是本窗口或其他窗口)写完内容 ...
    
			
    4. 
						
  4. hdu2713（dp）
			
    题目链接:http://acm.hdu.edu.cn/showproblem.php?pid=2713 题意:有N个点,每个点都有一个值x,每次进行跳跃,当跳到自己所跳的第奇数个点是+x,第偶数个点时 ...
    
			
    5. 
						
  5. Ubuntu——grub rescue 主引导修复
			
    长期使用windows 和 ubuntu 人双系统,很可能遇到沉重的一个系统,或以其他方式加盟分区,导致系统重新启动时 : GRUB loading error:unknow filesystem g ...
    
			
    6. 
						
  6. python中print，return和yield的区别
			
    def func1(): for i in range(1, 5): print i def func2(): for i in range(1, 5): return i def func3():  ...
    
			
    7. 
						
  7. （转）一篇很不错的介绍Eclipse插件Menu及其扩展点的文章
			
    原文在:http://tech.ddvip.com/2010-04/1271054623150507.html 菜单是各种软件及开发平台会提供的必备功能,Eclipse 也不例外,提供了丰富的菜单,包 ...
    
			
    8. 
						
  8. Spring 类构造器初始化实例
			
    构造方法类Bean1 package com.hao947.bean; public class Bean1 { public Bean1() { System.out.println("b ...
    
			
    9. 
						
  9. 用NMAKE创建VS2012 C++工程 HelloWorld
			
    由于需要精通GDAL的源代码,所以还是有必要精通NMAKE,先来尝试创建一个NMAKE工程. 之前一篇文章Windows7中Emacs 24 shell使用Gitbash已经介绍了如何在Emacs的s ...
    
			
    10. 
						
  10. WPF与混淆器
			
    原文:WPF与混淆器 时至今日,混淆依然是.Net程序的一道重要保护手段,而混淆器对WPF应用程序的支持是怎样的呢?我们今天就通过实例讲解一下. 首先建立如下图所示的简单的用户界面: 在界面代码中设置 ...
    
			
    11.