您的位置:首页 > 其它

input 日期控件

2015-07-09 13:29 239 查看
<input id="startTime" style="width: 100px" required="true" name="startDate" editable="false"  missingMessage="开始时间必须填写"  class="easyui-datebox" value="${theme.startTime}"></input>

<input id="endTime" name="endDate" required="true"

                                        style="width: 100px" validType="TimeCheck['startDate']"

                                        invalidMessage="结束时间必须大于开始时间" editable="false" class="easyui-datebox" value="${theme.endTime}"></input>

<script type="text/javascript"

        src="jquery-1.7.1.min.js"></script>

    <script type="text/javascript"

        src="jquery.easyui.min.js"></script>

    <script type="text/javascript"

        src="easyui-lang-zh_CN.js"></script>

           var startTime = $('input[name="startDate"]').val();

            var endTime = $('input[name="endDate"]').val();

            if(startTime  == '' || endTime == ''){

                alert('活动时间不能为空!')

                return false;

            }else if(startTime >= endTime){

                alert('结束时间必须大于开始时间!');

                return false;

            }

另外一种,显示时分秒:

<input id="startTime" name = "startTime" type="text" value="${theme.startTime}"/>

<input id="endTime" name ="endTime" type="text" value="${theme.endTime}"/>

$(document).ready(function(){

           $('#startTime').datetimebox({

               required:true,

              showSeconds:false,//不显示秒

           });

           $('#endTime').datetimebox({

                required:true,

           });

        });
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: