jQuery MiniUI

标题: 发个datepicker的显示周的js插件 [打印本页]

作者: ender.luk 时间: 2014-2-25 22:46:04 标题: 发个datepicker的显示周的js插件

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

[attach]3990[/attach]

<!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>

[attach]3991[/attach]

作者: factory 时间: 2014-2-26 09:34:11

我们有showWeekNumber="true"来显示周数

作者: ender.luk 时间: 2014-2-26 14:23:52

factory 发表于 2014-2-26 09:34
我们有showWeekNumber="true"来显示周数

datepicker没有showWeekNumber

calendar才有。我理解的对吗

作者: factory 时间: 2014-2-26 15:31:42

ender.luk 发表于 2014-2-26 14:23
datepicker没有showWeekNumber

calendar才有。我理解的对吗

已经加了,明天发布更新,加上了showWeekNumber属性

欢迎光临 jQuery MiniUI (http://miniui.com/discuss/)