该公司的项目使用的插件时间选择，百度很长一段时间。没有找到合适的，而且，他们在看了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语言总结 4.2. 和字符串(str,unicode等)处理有关的函数
			
    4.2.7. 去除控制字符:removeCtlChr Python语言总结4.2. 和字符串(str,unicode等)处理有关的函数Sidebar     Prev | Up | Next4.2.7 ...
    
			
    2. 
						
  2. 轻松学习之Linux教程一 ubuntu14.04+windows双系统安装
			
    本系列文章由@uid=hpw" style="color:rgb(255,0,0)">超人爱因斯坦出品.转载请注明出处.          文章链接:http:// ...
    
			
    3. 
						
  3. LIS（最长的序列）和LCS(最长公共子）总结
			
    LIS(最长递增子序列)和LCS(最长公共子序列)的总结 最长公共子序列(LCS):O(n^2) 两个for循环让两个字符串按位的匹配:i in range(1, len1) j in range(1 ...
    
			
    4. 
						
  4. autoit 处理文件上传弹出框,并在JAVA中调用
			
    Java  代码 //定义exe 文件存放的绝对路径 File file2 = new File("."); String command = file2.getCanonical ...
    
			
    5. 
						
  5. liunx清理磁盘du -h --max-depth=1 /data/*
			
    liunx清理磁盘du -h --max-depth=1 /data/*
    
			
    6. 
						
  6. J2EE互联网产品打造
			
    CSDN的各位技术朋友们,你们好: 我司最近正在研发一套J2EE的互联网产品,前期功能设计例如以下: 1.权限管理 2.菜单管理 3.系统设置 4.页面管理[主要做静态化] 5.任务管理[数据同步以及 ...
    
			
    7. 
						
  7. 实习第一天之数据绑定：<%#Eval("PartyName")%>'
			
    1.asp:HyperLink ID="Link" runat="server" Target="_blank" Text='<%#E ...
    
			
    8. 
						
  8. Linux 命令学习之dpkg命令详解
			
    dpkg是一个Debian的一个命令行工具,它可以用来安装.删除.构建和管理Debian的软件包. 下面是它的一些命令解释: 1)安装软件 命令行:dpkg -i <.deb file name ...
    
			
    9. 
						
  9. poj 2299 树状数组求逆序数+离散化
			
    http://poj.org/problem?id=2299 最初做离散化的时候没太确定可是写完发现对的---由于后缀数组学的时候,,这样的思维习惯了吧 1.初始化as[i]=i:对as数组依照num ...
    
			
    10. 
						
  10. 【Java探索道路安全系列：Java可扩展的安全架构】一间：Java可扩展的安全体系结构开始
			
    笔者:郭嘉 邮箱:allenwells@163.com 博客:http://blog.csdn.net/allenwells github:https://github.com/AllenWell [ ...
    
			
    11.