日期选择器如下:
<input type="date" id="start_date" name="start_date">
注意:某些落后版本的IE浏览器可能不支持<input type="date"> 元素。
设置默认当前日期:
<script type="text/javascript" src="/jquery/jquery-3.2.1.js"></script> <script type="text/javascript" > $(document).ready(function () { //注意:此处的正则表达式必须是"yyyy-MM-dd",这是日期控件的默认格式,改成"yyyy/MM/dd"则无法显示。 var date=new Date().Format("yyyy-MM-dd"); console.log( date); $("[name=brrow_time]").val(date); });
//Date的prototype 属性可以向对象添加属性和方法。 Date.prototype.Format = function(fmt){ var o = { "M+": this.getMonth()+1, "d+": this.getDate(), "H+": this.getHours(), "m+": this.getMinutes(), "s+": this.getSeconds(), "S+": this.getMilliseconds() };
//test()方法用于检测一个字符串是否匹配某个模式. //因为date.getFullYear()出来的结果是number类型的,所以为了让结果变成字符串型,下面有两种方法: if(/(y+)/.test(fmt)){ //第一种:利用字符串连接符“+”给date.getFullYear()+"",加一个空字符串便可以将number类型转换成字符串。 fmt=fmt.replace(RegExp.$1,(this.getFullYear()+"").substr(4-RegExp.$1.length)); } for(var k in o){ if (new RegExp("(" + k +")").test(fmt)){ //第二种:使用String()类型进行强制数据类型转换String(date.getFullYear()),这种更容易理解。 fmt = fmt.replace(RegExp.$1, (RegExp.$1.length == 1) ? (o[k]) : (("00" + o[k]).substr(String(o[k]).length))); } } return fmt; }; </script>