码迷,mamicode.com
首页 > 其他好文 > 详细

EasyUI - DateBox组件

时间:2015-10-25 13:31:48      阅读:211      评论:0      收藏:0      [点我收藏+]

标签:

效果:

技术分享

 

html代码:

    <input type ="text" id ="box" />

 

JS代码:

$(function () {
            
    //设置返回格式为:2014/12/23
    $.fn.datebox.defaults.formatter = function (date) {
        var y = date.getFullYear();
        var m = date.getMonth() + 1;
        var d = date.getDate();
        return y + / + m + / + d;
    }

    //启用DateBox组件
    $(#box).datebox({
        required: true,//启用datebox
        //panelWidth: 400,
        //panelHeight: 300,
        currentText: 今天,
        closeText: 关闭,
        okText: OK,
        onSelect: function (date) {
            //输出的时候格式化数据为:2016/12/23
            alert("您选择的时间是:" + date.getFullYear() + "/" + (date.getMonth() + 1) + "/" + date.getDate());
        }
    })
})

 

EasyUI - DateBox组件

标签:

原文地址:http://www.cnblogs.com/KTblog/p/4908527.html

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