input[type = 'date']標簽。

1.首先調用瀏覽器自帶時間控件，input的type屬性有以下幾種寫法： 
type=’date’ //顯示年、月、日 
type=‘month’//顯示年、月 
type=‘week’//顯示年、周 
type=‘datetime-local’//顯示年、月、日、時、分 

2.

$('input[name="time"]').change(function(){ var myDate = new Date(); //獲取當前時間對象，精確到當前的時、分、秒

var this_time=$('input[name="time"]').val();//獲取用戶選擇后的時間值

var this_datetime=new Date(this_time);//獲取用戶選擇的時間，生成時間對象 具體時間為時間8:00:00

var year = myDate.getFullYear(); //獲取當前時間的年份 格式xxxx 如：2016

var month =myDate.getMonth()+1; //獲取當前時間的月份 格式1-9月為x， 10-12月為xx 如：11

var date = myDate.getDate(); //獲取當前時間的日期 格式同月份 如11

myDate=new Date(year+'-'+month+'-'+date); //獲取根據上述時間生成的時間對象 具體時間為0:00:00

var now=new Date(year+'-'+month+'-'+date+' 8:00:00'); myDate.setDate(now.getDate()-7); //設置now對象相應日期的七天前日期 具體時間為0:00:00

if(this_datetime<myDate||this_datetime>now){ //時間對象可以直接比較大小 alert('拜訪時間需選擇今天及以前7天內的時間');

$('input[name="time"]').val(''); }; });