查看: 6605|回复: 3

发个datepicker的显示周的js插件 [复制链接]

ender.luk

中级会员

Rank: 3 Rank: 3

电梯直达

楼主

发表于 2014-2-25 22:46:04 |只看该作者 |倒序浏览

要3.3的版本才支持
附件的js做参考用

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>DatePicker 日期选择框</title>
<meta http-equiv="content-type" content="text/html; charset=UTF-8" /><link href="../demo.css" rel="stylesheet" type="text/css" />

<script src="../../scripts/boot.js" type="text/javascript"></script>

<script src="../../nui/nui-ext.js" type="text/javascript"></script>

</head>
<body>
<h1>DatePicker 日期选择框</h1>

<h4>Date</h4>

<input id="date1" class="mini-datepicker"  showWeekNumber="true"  value="2010-01-01"/>

<h4>Date & Time</h4>
<input id="date2" class="mini-datepicker" style="width:200px;" nullValue="null"
      format="yyyy-MM-dd H:mm:ss" timeFormat="H:mm:ss" showTime="true" showOkButton="true" showClearButton="false"/>

<br /><br />
<input type="button" value="setValue"/>
<input type="button" value="getValue"/>
<input type="button" value="disable"/>
<input type="button" value="enable"/>

<br /><br />
<h4>禁止选择日期</h4>
<input id="date3" class="mini-datepicker" allowInput="false" showTodayButton="false"/>
<script src="../../scripts/ext-datepicker.js" type="text/javascript"></script>
<script type="text/javascript">
      function setValue() {
         var t = mini.get("date2");
         t.setValue(new Date());
      }
      function getValue() {
         var t = mini.get("date2");

         alert(t.getValue());
      }
      function enable() {
         var t = mini.get("date2");
         t.enable();
      }
      function disable() {
         var t = mini.get("date2");

         t.disable();
      }

      function onValueChanged(e) {
         alert(this.getFormValue());
      }

      ////////////////////////////

      function onDrawDate(e) {
         var date = e.date;
         var d = new Date();

         if (date.getTime() < d.getTime()) {
            e.allowSelect = false;
         }
      }
</script>

<div class="description">
      <h3>Description</h3>
      <p>DatePicker用于日期下拉输入选择操作。</p>
</div>
</body>
</html>

附件: 你需要登录才可以下载或查看附件。没有帐号？立即注册

收藏0