HTML5
新加了一些标签,最近用到了 input
的 type='date'
,可用来制作简单的日历。(PS:在 Html
和 JavaScript
中单引号和双引号貌似没什么区别,在写代码时自己注意一下即可。)
我想做成如下效果:
![日历效果图](http://7xrwj6.com1.z0.glb.clouddn.com/input-date_00.png?imageView2/2/w/300/h/600/interlace/0/q/100|watermark/2/text/SmFuaW5lLlo=/font/5a6L5L2T/fontsize/200/fill/I0YwNjI2Mg==/dissolve/100/gravity/SouthEast/dx/10/dy/10)
就是在刚进入界面时,就能显示当前的日期,所以需要给
input
赋值。从网上找到了两种赋值方法:
一、value赋值法
$("#start_date")[0].value = nowDate();
这个赋值一直出错的原因是 $("#start_date")[0].value = nowDate();
没有加[0],这个是由于本人对 JQuery
理解不深
二、val()赋值法
$("#start_date").val(nowDate());
获取当前时间 nowDate()
方法
// 获取当前时间
function nowDate(){
now = new Date(); // 当前日期
if((now.getMonth() + 1) < 10){
if(now.getDate()<10){
// 当前日期
today = now.getFullYear() + '-' +'0' + (now.getMonth() + 1) + '-' +'0' + now.getDate();
}else{
// 当前日期
today = now.getFullYear() + '-' +'0' + (now.getMonth() + 1) + '-' + now.getDate(); }
}else{
if(now.getDate()<10){
// 当前日期
today = now.getFullYear() + '-' + (now.getMonth() + 1) + '-' +'0' + now.getDate();
}else{
// 当前日期
today = now.getFullYear() + '-' + (now.getMonth() + 1) + '-' + now.getDate();
}
}
console.log("today is day--->" + today);
return today;
}
<input type = "date" id="start_time"/>
的效果图
![设置日期](http://7xrwj6.com1.z0.glb.clouddn.com/input-date_01.png?imageView2/2/w/300/h/600/interlace/0/q/100|watermark/2/text/SmFuaW5lLlo=/font/5a6L5L2T/fontsize/200/fill/I0YwNjI2Mg==/dissolve/100/gravity/SouthEast/dx/10/dy/10)
获取input中的值
var start_time = $("#start_date").val();
var end_time = $("#end_date").val();