国产xxxx99真实实拍_久久不雅视频_高清韩国a级特黄毛片_嗯老师别我我受不了了小说

資訊專(zhuān)欄INFORMATION COLUMN

時(shí)間選擇器用JS來(lái)實(shí)現(xiàn)

3403771864 / 346人閱讀

　　本文主主要講時(shí)間選擇器用JS來(lái)實(shí)現(xiàn)，具體內(nèi)容如下

　　dateTime.js

　

　function withData(param) {
　　return param < 10 ? '0' + param : '' + param;
　　}
　　function getLoopArray(start, end) {
　　var start = start || 0;
　　var end = end || 1;
　　var array = [];
　　for (var i = start; i <= end; i++) {
　　array.push(withData(i));
　　}
　　return array;
　　}
　　function getMonthDay(year, month) {
　　var flag = year % 400 == 0 || (year % 4 == 0 && year % 100 != 0), array = null;
　　switch (month) {
　　case '01':
　　case '03':
　　case '05':
　　case '07':
　　case '08':
　　case '10':
　　case '12':
　　array = getLoopArray(1, 31)
　　break;
　　case '04':
　　case '06':
　　case '09':
　　case '11':
　　array = getLoopArray(1, 30)
　　break;
　　case '02':
　　array = flag ? getLoopArray(1, 29) : getLoopArray(1, 28)
　　break;
　　default:
　　array = '月份格式不正確，請(qǐng)重新輸入！'
　　}
　　return array;
　　}
　　function getNewDateArry() {
　　// 當(dāng)前時(shí)間的處理
　　var newDate = new Date();
　　var year = withData(newDate.getFullYear()),
　　mont = withData(newDate.getMonth() + 1),
　　date = withData(newDate.getDate()),
　　hour = withData(newDate.getHours()),
　　minu = withData(newDate.getMinutes()),
　　seco = withData(newDate.getSeconds());
　　return [year, mont, date, hour, minu, seco];
　　}
　　function dateTimePicker(startYear, endYear, date) {
　　// 返回默認(rèn)顯示的數(shù)組和聯(lián)動(dòng)數(shù)組的聲明
　　var dateTime = [], dateTimeArray = [[], [], [], [], [], []];
　　var start = startYear || 1978;
　　var end = endYear || 2100;
　　// 默認(rèn)開(kāi)始顯示數(shù)據(jù)
　　var defaultDate = date ? [...date.split(' ')[0].split('-'), ...date.split(' ')[1].split(':')] : getNewDateArry();
　　// 處理聯(lián)動(dòng)列表數(shù)據(jù)
　　/*年月日 時(shí)分秒*/
　　dateTimeArray[0] = getLoopArray(start, end);
　　dateTimeArray[1] = getLoopArray(1, 12);
　　dateTimeArray[2] = getMonthDay(defaultDate[0], defaultDate[1]);
　　dateTimeArray[3] = getLoopArray(0, 23);
　　dateTimeArray[4] = getLoopArray(0, 59);
　　dateTimeArray[5] = getLoopArray(0, 59);
　　dateTimeArray.forEach((current, index) => {
　　dateTime.push(current.indexOf(defaultDate[index]));
　　}); return {
　　dateTimeArray: dateTimeArray,
　　dateTime: dateTime
　　}
　　}

　　實(shí)現(xiàn)實(shí)例　

　

　<!DOCTYPE html>
　　<html>
　　<head>
　　<meta name="viewport" content="width=device-width" />
　　<title>Index</title>
　　<!-- 引用dateTimePicker.js -->
　　<script src="~/Scripts/dateTime.js"></script>
　　<script>
　　window.onload = function () {
　　var stryear = 2000; //設(shè)置開(kāi)始時(shí)間2000年
　　var endyear = 2060; //設(shè)置結(jié)束時(shí)間2060年
　　var date = dateTimePicker(stryear,endyear); //調(diào)用dateTimePicker方法獲取時(shí)間(開(kāi)始時(shí)間，結(jié)束時(shí)間）
　　//定義日期時(shí)間
　　var year = date.dateTimeArray[0]; //年
　　var month = date.dateTimeArray[1];//月
　　var day = date.dateTimeArray[2];//日
　　var time = date.dateTimeArray[3];//時(shí)
　　var minute = date.dateTimeArray[4];//分
　　var second = date.dateTimeArray[5];//秒
　　//將日期時(shí)間放入對(duì)應(yīng)的select中
　　var yearInner = "";
　　var monthInner = "";
　　var dayInner = "";
　　var timeInner = "";
　　var minuteInner = "";
　　var secondInner = "";
　　//年
　　for (var i = 0; i < year.length; i++) {
　　yearInner += '<option>' + year[i] + '</option>'
　　}
　　document.getElementById("yearSelect").innerHTML = yearInner;
　　//月
　　for (var i = 0; i < month.length; i++) {
　　monthInner += '<option>' + month[i] + '</option>'
　　}
　　document.getElementById("monthSelect").innerHTML = monthInner;
　　//日
　　for (var i = 0; i < day.length; i++) {
　　dayInner += '<option>' + day[i] + '</option>'
　　}
　　document.getElementById("daySelect").innerHTML = dayInner;
　　//時(shí)
　　for (var i = 0; i < time.length; i++) {
　　timeInner += '<option>' + time[i] + '</option>'
　　}
　　document.getElementById("timeSelect").innerHTML = timeInner;
　　//分
　　for (var i = 0; i < minute.length; i++) {
　　minuteInner += '<option>' + minute[i] + '</option>'
　　}
　　document.getElementById("minuteSelect").innerHTML = minuteInner;
　　//秒
　　for (var i = 0; i < second.length; i++) {
　　secondInner += '<option>' + second[i] + '</option>'
　　}
　　document.getElementById("secondSelect").innerHTML = secondInner;
　　}
　　</script>
　　</head>
　　<body>
　　<div>
　　<select id="yearSelect"></select>
　　<span>-</span>
　　<select id="monthSelect"></select>
　　<span>-</span>
　　<select id="daySelect"></select>
　　<br />
　　<select id="timeSelect"></select>
　　<span>:</span>
　　<select id="minuteSelect"></select>
　　<span>:</span>
　　<select id="secondSelect"></select>
　　</div>
　　</body>
　　</html>

　　詳細(xì)代碼內(nèi)容已敘述完，歡迎大家實(shí)踐運(yùn)用，后續(xù)關(guān)注我們更多精彩內(nèi)容。


文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請(qǐng)注明本文地址：http://m.specialneedsforspecialkids.com/yun/128228.html

相關(guān)文章

  • 一步一步搭建一個(gè)圖片上傳網(wǎng)站（后臺(tái)服務(wù)器用nodejs）

    摘要：把文件上傳路徑指定到然后用當(dāng)前日期和文件名命名上傳過(guò)來(lái)的文件。后端利用建立服務(wù)器，利用中間件指定文件路徑。利用這個(gè)前端和后端技術(shù)，我們基本上就可以做出一個(gè)圖片上傳存儲(chǔ)的基本網(wǎng)站核心。 前幾天看了騰訊云社區(qū)的一個(gè)文件上傳的文章文件上傳那些事兒，大體上講了以下h5中圖片上傳的幾個(gè)核心原理，但是沒(méi)有后端接受的服務(wù)器代碼，沒(méi)法做測(cè)試。也沒(méi)有具體的一個(gè)實(shí)例都是一些基本的原理片段，并且ui界面也不...

    Darkgel 評(píng)論0 收藏0

  • js 判斷是否網(wǎng)絡(luò)斷了

    摘要：方法二輪詢(xún)你懂的方法三利用的事件通過(guò)輪詢(xún)生成通過(guò)的事件判斷是否斷網(wǎng)此方法弱點(diǎn)就是耗流量一像素的空輪詢(xún)一次手機(jī)上用那就蛋疼了這個(gè)樣子就會(huì)偷偷跑流量。 showImg(https://img.shields.io/github/issues/jaywcjlove/onlinenetwork.svg); showImg(https://img.shields.io/github/forks/...

    aervon 評(píng)論0 收藏0

  • CSS選擇器

    摘要：優(yōu)先級(jí)相同，與元素近的選擇器生效。使用建議建議說(shuō)明避免將通用選擇器作為通用選擇器。避免選擇器用標(biāo)簽。避免使用子選擇器。后代選擇器是開(kāi)銷(xiāo)最最最最大的。 看了一下最近寫(xiě)的css代碼,發(fā)現(xiàn)基本只用到了id選擇器(js里)、后代選擇器和類(lèi)選擇器(因?yàn)槁?tīng)大牛推薦使用類(lèi)選擇器,然后就開(kāi)始大篇幅使用。。。)。所以想深入學(xué)習(xí)一下css選擇器和css的效率優(yōu)化,先記錄所學(xué)的一部分,以備后續(xù)補(bǔ)充。 選擇器...

    qpwoeiru96 評(píng)論0 收藏0

  • 前端（三）之選擇器高級(jí)與盒模型

    摘要：內(nèi)容不會(huì)被修剪，會(huì)呈現(xiàn)在元素框之外。內(nèi)容會(huì)被修剪，但是瀏覽器會(huì)顯示滾動(dòng)條以便查看其余的內(nèi)容。值描述內(nèi)聯(lián)塊級(jí)內(nèi)聯(lián)塊前端之 CSS 選擇器高級(jí)與盒模型 前言 先回顧昨日的內(nèi)容，昨天講了 w3c 的整個(gè)架構(gòu)，由結(jié)構(gòu)層>布局層>內(nèi)容層三部分組成，了解了 CSS 的三種引入方式，行間式最簡(jiǎn)單直接；內(nèi)聯(lián)式解耦合，可讀性強(qiáng)；外聯(lián)式適合團(tuán)隊(duì)高效開(kāi)發(fā)，耦合性低，復(fù)用性強(qiáng)，了解了三種選擇器，并且 id 選擇器>...

    番茄西紅柿 評(píng)論0 收藏0

  • CSS 小結(jié)筆記之選擇器

    摘要：例如對(duì)于上面的偽元素選擇器，想要改變第一個(gè)字母的顏色大小則需要增加一個(gè)標(biāo)簽層疊樣式表英文全稱(chēng)是一種用來(lái)表現(xiàn)標(biāo)準(zhǔn)通用標(biāo)記語(yǔ)言的一個(gè)應(yīng)用或標(biāo)準(zhǔn)通用標(biāo)記語(yǔ)言的一個(gè)子集等文件樣式的計(jì)算機(jī)語(yǔ)言。Css選擇器主要分為以下幾類(lèi) 類(lèi)選擇器 ID選擇器 通配符選擇器 標(biāo)簽選擇器 偽類(lèi)選擇器 復(fù)合選擇器 1、類(lèi)選擇器：通過(guò).classname來(lái)選擇 例如 .color2 { co...

    番茄西紅柿 評(píng)論0 收藏0

發(fā)表評(píng)論

0條評(píng)論

最新活動(dòng)
閱讀需要支付1元查看
<