码迷,mamicode.com
首页 > Web开发 > 详细

jquery插件datepicker

时间:2015-09-19 13:41:37      阅读:180      评论:0      收藏:0      [点我收藏+]

标签:

jQuery UI很强大,其中的日期选择插件Datepicker是一个配置灵活的插件,我们可以自定义其展示方式,包括日期格式、语言、限制选择日期范围、添加相关按钮以及其它导航等。

<script type="text/javascript" src="DatePicker/WdatePicker.js"></script>

</head>

<body>

    <form id="form1" runat="server">

    <div>

    开始日期不能大于结束日期,且都不能大于今天

    <input id="startDate" type="text" class="Wdate" onfocus="WdatePicker({maxDate:‘#F{$dp.$D(\‘endDate\‘)||\‘new Date()\‘}‘})" />

    <input  class="Wdate" id="endDate" readonly="readonly" onfocus="WdatePicker({minDate:‘#F{$dp.$D(\‘startDate\‘)}‘,maxDate:new Date()})" />

    </div>

    <div>

    限制日期的范围是2015-3-8 11:30:00 到 2015-4-10 20:59:30

    <input type="text" class="Wdate" id="d38" onfocus="WdatePicker({skin:‘whyGreen‘,dateFmt:‘yyyy-MM-dd HH:mm:ss‘,minDate:‘2015-03-08 11:30:00‘,maxDate:‘2015-04-10 20:59:30‘})" value="2015-03-09 11:00:00" /> </div>

    限制日期的范围是 2008年2月 到 2008年10月

   <input type="text" class="Wdate" id="d413" onfocus="WdatePicker({dateFmt:‘yyyy年M月‘,minDate:‘2008-2‘,maxDate:‘2008-10‘})"/>

   <div>

   年月日时分秒

   <input type="text" id="d241" onfocus="WdatePicker({dateFmt:‘yyyy年MM月dd日 HH时mm分ss秒‘})" class="Wdate" style="width:300px"/>

  

   星期, 月 日, 年

   <input type="text" id="d245" onfocus="WdatePicker({dateFmt:‘DD, MMMM d, yyyy‘})" class="Wdate"/></div>

    </form>

</body>

jquery插件datepicker

标签:

原文地址:http://www.cnblogs.com/aileen/p/4821276.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!