zoukankan      html  css  js  c++  java
  • web开发当中给input的日期时间框赋值为当前日期的js代码

    今天领导让我把当前的input框当中的时间设置为当前日期。于是就找相关的资料,最后解决了,在这里记录一下:

     <input id="beginDate" name="beginDate" class="Wdate" type="text"  onClick="WdatePicker()" readonly />

       <label class="label-text">至</label>
       <input id="endDate" name="endDate" dateCheck="dateCheck" class="Wdate" type="text" onClick="WdatePicker()" readonly />

    在这里我们的日历采用的是 WdatePicker(),但是在初始化的时候给这个时间框赋初始值,这是时候我们就想着能不能给这个时间置为当前日期:

    于是就找到相关的js代码如下:

     <script type="text/javascript">
                 var beginDate = document.getElementById("beginDate");
                 var endDate = document.getElementById("endDate");
                 var date = new Date();
                 var year = date.getFullYear();
                 var month = date.getMonth() + 1;
                 var strDate = date.getDate();
                 if (month >= 1 && month <= 9) {
                     month = "0" + month;
                 }
                 if (strDate >= 0 && strDate <= 9) {
                     strDate = "0" + strDate;
                 }
                 var currentdate = year + month + strDate;
                 beginDate.value = currentdate;
                 endDate.value = currentdate;
     </script>

    在上面对当前的日期进行操作,设置成我们想要的格式。效果如下:

    至此,问题解决,上面的代码也可以采用jquery的形式去写也可以。

  • 相关阅读:
    GLSL 变量属性
    php读取大文件的方法
    php 3种常见设计模式
    php类自动装载、链式操作、魔术方法
    统计文件中关键词出现的次数
    python先序、中序、后序排序
    Nginx缓存、压缩配置
    Ninx虚拟主机的配置
    python爬虫代码
    Nginx在安装过程经常出现的问题
  • 原文地址:https://www.cnblogs.com/gxgd/p/9515934.html
Copyright © 2011-2022 走看看