jQuery MiniUI

 找回密码
 立即注册
查看: 6608|回复: 3
打印 上一主题 下一主题

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

Rank: 3Rank: 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>





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

Rank: 8Rank: 8

沙发
发表于 2014-2-26 09:34:11 |只看该作者
我们有showWeekNumber="true"来显示周数

Rank: 3Rank: 3

板凳
发表于 2014-2-26 14:23:52 |只看该作者
factory 发表于 2014-2-26 09:34
我们有showWeekNumber="true"来显示周数

datepicker没有showWeekNumber

calendar才有。我理解的对吗

Rank: 8Rank: 8

地板
发表于 2014-2-26 15:31:42 |只看该作者
ender.luk 发表于 2014-2-26 14:23
datepicker没有showWeekNumber

calendar才有。我理解的对吗

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

Archiver|普加软件

GMT+8, 2025-7-11 04:48 , Processed in 1.017670 second(s), 10 queries .

Powered by Discuz! X2

© 2001-2011 Comsenz Inc.

回顶部