如何在easyui-datebox中设置初始值和范围

时间:2013-04-24 10:55:13

标签: javascript jquery-ui jquery-easyui

访问时我有easyui-datebox,提示日期格式jan 1970 如何让它们最初显示当前日期(即)是否有类似setInitialDate()的内容还有如何设置日期范围,如setStartDate()setEndDate()

1 个答案:

答案 0 :(得分:0)

这是此处报告的问题:JQuery easyui and Datejs date conflict。 当您使用带easyui的Date.js时,会出现此问题。如果从Web资源中删除Date.js,则打开日期框会在第一次弹出时自动显示当前日期。解决方法是在启动日期字段后使用以下代码。

$('#dateDuetxt').datebox({
    value: (new Date().toString('dd-MMM-yyyy')) /* Date.js toString function to convert date into format that is being used by datebox. */
});

完整的示例代码是:

Due Date <input id="dateDuetxt" class="easyui-datebox" style="width:100px"/>  

<script>

$('#dateDuetxt').datebox({
    value: (new Date().toString('dd-MMM-yyyy')), /* Date.js toString function to convert date into format that is being used by datebox. */
    formatter : function(date){
        return date.toString('dd-MMM-yyyy');
    },
    parser : function(s){
        var t = Date.parse(s);
        if (!isNaN(t)){
            return new Date(t);
        } else {
            return null;
        }
    }
});

</script>

但是,如果从页面中删除Date.js,则不需要编写脚本,只需创建日期框

Due Date <input id="dateDuetxt" class="easyui-datebox" style="width:100px"/>

会做到这一点。