关闭

input 日期控件

872人阅读 评论(0) 收藏 举报
分类:

<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,
           });
        });

0
0

查看评论
* 以上用户言论只代表其个人观点,不代表CSDN网站的观点或立场
    个人资料
    • 访问:5741次
    • 积分:322
    • 等级:
    • 排名:千里之外
    • 原创:27篇
    • 转载:8篇
    • 译文:0篇
    • 评论:0条
    文章分类