easyui datetime-box

使用时,首先引入easyui的相关组件

<link href="/jquery-easyui-1.2.4/themes/default/easyui.css" rel="stylesheet" type="text/css" />
    <link href="/jquery-easyui-1.2.4/themes/icon.css" rel="stylesheet" type="text/css" />
    <script src="/jquery-1.6.4.min.js" type="text/javascript"></script>
    <script src="/jquery-easyui-1.2.4/jquery-easyui-1.2.4/jquery.easyui.min.js" type="text/javascript"></script>
    <script src="/jquery-easyui-1.2.4/locale/easyui-lang-zh_CN.js" type="text/javascript"></script>

在html中写入一条语句

<body>
    <input id="datebox" name="datebox" type="text"/>
</body>

 

再写一个script来给这个input附上属性

<script>
    $(function(){
            $("#datebox").datebox({
                required:"true",
                showSeconds:"false",
                //日期格式
                formatter:function(date){
                    if(date != null && date != ''){
                            var y = date.getFullYear();
                            var m = date.getMonth() + 1;
                            var d = date.getDate();
                            var h = date.getHours();
                            var mm = date.getMinutes();
                            //日期选择框显示的格式
                            return  y + "年" + (m < 10 ? ("0" + m) : m) + "月" + (d < 10 ? ("0" + d) : d) + "日";
                        }
                    }
            })
        })
</script>

image

ok  其中required: true 表示输入框为必填属性

你可能感兴趣的:(easyui datetime-box)