html筆記 可預約當日的select製作

2021-08-08 17:55:23 字數 2111 閱讀 8483

時間可以預約整點和半點。當日的話,已經過了時間不能預約。實現方法如下:

select如下:

(不知道為什麼直接粘html**是不會顯示**的,so我選擇上圖)

獲得當前時間time1,設定time2為當天早上8點:

var time1 = new date();

var today = time1.getfullyear()+"/"

+time1.getmonth()+1)+"/"+time1.getdate();

var time2 = today+" 08:00:00";

time1減去time2,獲得時間差:

var count = (mydate - eight)/60000 / 60;
除以60000,得到的時間差單位是分鐘,再除以60單位是小時。

因為還需要預約半點,所以還需再除以0.5,計算時間差一共有多少個半小時:

var count = count /0.5;
然後,寫for迴圈刪除多餘的select的option:

if(count>=19)

for(i=0;i若是選擇其他日期,這需要清空select,然後重新新增option:

myselect.options.length=0; //清空select

myselect.options.add(new option("請選擇時間","請選擇時間"),0);

myselect.options.add(new option("8:00","8:00"),1);

myselect.options.add(new option("8:30","8:30"),2);

myselect.options.add(new option("9:00","9:00"),3);

myselect.options.add(new option("9:30","9:30"),4);

myselect.options.add(new option("10:00","10:00"),5);

myselect.options.add(new option("10:30","10:30"),6);

myselect.options.add(new option("11:00","11:00"),7);

myselect.options.add(new option("11:30","11:30"),8);

myselect.options.add(new option("12:00","12:00"),9);

myselect.options.add(new option("12:30","12:30"),10);

myselect.options.add(new option("13:00","13:00"),11);

myselect.options.add(new option("13:30","13:30"),12);

myselect.options.add(new option("14:00","14:00"),13);

myselect.options.add(new option("14:30","14:30"),14);

myselect.options.add(new option("15:00","15:00"),15);

myselect.options.add(new option("15:30","15:30"),16);

myselect.options.add(new option("16:00","16:00"),17);

myselect.options.add(new option("16:30","16:30"),18);

myselect.options.add(new option("17:00","17:00"),19);

整個的**實現如下:

function showvisittime(t)

for(i=0;i

}else

}

XML 可擴充套件的標記語言 HTML)建立

1.建立步驟 xml 儲存資料 建立xml檔案注意 xml是嚴格區分大小寫 成對出現的 元素 所有的內容都是元素 element 節點 標籤就是節點 node xml文件有且只能有乙個根節點 2.實現 using system using system.collections.generic usi...

HTML學習筆記 HTML的語法 1

1.什麼是html標記語言?html是表示網頁資訊的符號標記語言。2.html的標記和他的屬性 html文件的儲存格式 html htm xhtml 標記和被標記的內容構建出html文件。格式 標記 內容 標記的屬性 用來控制影象 文字等如何的顯示 格式 標記 屬性1 屬性值 屬性2 屬性值.內容 ...

HTML元素物件的clip實現可填寫的下啦列表

clip屬性,基本上dom物件都有這個屬性,用來剪下物件的可見範圍。語法 html scripting.style.clip sclip 值 sclip 字串值,如下兩種型別 auto 預設。顯示整個物件。rect top right bottom left 4個引數設定上右下左被剪下的長度。以ob...