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,日期...

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

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

点击Input框弹出日期选项

测试地址:http://down.admin5.com/demo/code_pop/18/1299/ 效果图片: 后台代码: 点击text文本框弹出日期选择器 body{m...

Delphi7高级应用开发随书源码

  • 2003年04月30日 00:00
  • 676KB
  • 下载

Delphi7高级应用开发随书源码

  • 2003年04月30日 00:00
  • 676KB
  • 下载

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

http://blog.csdn.net/u014063717/article/details/50914466

Delphi7高级应用开发随书源码

  • 2003年04月30日 00:00
  • 676KB
  • 下载

HTML5表单教程之input新增加的六种时间类型

HTML5表单教程之input新增加的六种时间类型 今天介绍一下input在HTML5中新增加的时间类型的应用,如果在以下这几种输入框中输入的格式不正确,是无法提交的。 注意:此种类型...
  • yixuan_1
  • yixuan_1
  • 2013年09月26日 11:27
  • 12068

带时间的日期选择web控件

1,web控件的样子 2,日期时间选择的使用 3,calendar.js的文件 ...
  • daditao
  • daditao
  • 2013年12月10日 11:12
  • 12799

html5中input的时间控件

内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:input 日期控件
举报原因:
原因补充:

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