input 日期控件

原创 2015年07月09日 13:29:45

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

版权声明:本文为博主原创文章,未经博主允许不得转载。

HTML5新控件 - 日期和时间选择输入

HTML5定义了几个与日期有关的新控件。支持日期控件的浏览器会提供一个方便的下拉式日历,供用户选择。 注意:目前只有Chrome和Opera提供下拉式日历支持,其它浏览器仍是一个普通文本框。1,日期...
  • u014063717
  • u014063717
  • 2016年03月17日 15:51
  • 93753

前端开发之日期控件、HTML5日期输入类型(date)

在很多页面和web应用中都有输入日期和时间的地方,最典型的是订飞机票,火车票,酒店,批萨等网站。 在HTML5之前,对于这样的页面需求,最常见的方案是用Javascript日期选择组件。这几乎是...
  • chenchaofuck1
  • chenchaofuck1
  • 2016年06月26日 21:20
  • 40312

html5日期时间选择控件

  • 2014年04月18日 11:04
  • 87KB
  • 下载

html5中input的时间控件

  • boylufeng
  • boylufeng
  • 2015年03月01日 00:03
  • 1172

HTML5新控件 - 日期和时间选择输入

HTML5定义了几个与日期有关的新控件。支持日期控件的浏览器会提供一个方便的下拉式日历,供用户选择。  注意:目前只有Chrome和Opera提供下拉式日历支持,其它浏览器仍是一个普通文本框。 ...
  • as5081521
  • as5081521
  • 2018年01月12日 12:29
  • 79

html5 日期时间控件

  • 2017年12月28日 10:30
  • 171KB
  • 下载

js带时间的日期控件

  • 2010年02月12日 11:58
  • 7KB
  • 下载

Html5 - 日期和时间选择输入

HTML5定义了几个与日期有关的新控件。支持日期控件的浏览器会提供一个方便的下拉式日历,供用户选择。 注意:目前只有Chrome和Opera提供下拉式日历支持,其它浏览器仍是一个普通文本框。 ...
  • Axing1991
  • Axing1991
  • 2016年04月01日 15:56
  • 2162

日期带时间控件

/**//** *本日历选择控件由tiannet根据前人经验完善而得。大部分代码来自meizz的日历控件。 *tiannet添加了时间选择功能、select,object标签隐藏功能,还有其它小功能。...
  • txz2003
  • txz2003
  • 2006年11月11日 23:34
  • 2170

mobiscroll一款很不错的移动Web日期选择器插件

  • 2014年03月10日 22:25
  • 87KB
  • 下载
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:input 日期控件
举报原因:
原因补充:

(最多只允许输入30个字)