HTML中INPUT type=date標簽如何賦值注意問題

現在的html5 input標簽支持type="date" 顯示有日期的日歷控件,一行簡單的代碼就能顯示出一個日歷控件,但是有的時候需要給它一個默認的日期值,這個時候可能就要用到val(), attr("value","")等方法,有可能很多人會不成功,其實并不是這個標簽不支持這些賦值的方法,而是賦值的時候字符串的格式有問題。

解決辦法:一說就明白,一般我們用new Date().getMonth() new Date().getDate()方法獲得日期的時候如果日期與月數小于10,則默認顯示為1,2,3,4,5,6,7,8,9 所以日期的格式可能就是2013-9-5。而Input type="date"標簽中支持顯示的日期格式為2013-09-05,把這個值傳給input標簽就能夠正常顯示日期的值了,所以這里要加一個判斷,如果月數或者日期數是小于10的,就要在其前面添加數字0構成字符串,這樣就能賦值后正常顯示了。


var now = new Date();
alert(now.getDate()+'-'+now.getMonth());
//格式化日,如果小于9,前面補0
var day = ("0" + now.getDate()).slice(-2);
//格式化月,如果小于9,前面補0
var month = ("0" + (now.getMonth() + 1)).slice(-2);
//拼裝完整日期格式
var today = now.getFullYear()+"-"+(month)+"-"+(day) ;
//完成賦值
$('#createStartTime').val(today);


本文來自互聯網用戶投稿,該文觀點僅代表作者本人,不代表本站立場。本站僅提供信息存儲空間服務,不擁有所有權,不承擔相關法律責任。
如若轉載,請注明出處:http://www.pswp.cn/news/247797.shtml
繁體地址,請注明出處:http://hk.pswp.cn/news/247797.shtml
英文地址,請注明出處:http://en.pswp.cn/news/247797.shtml

如若內容造成侵權/違法違規/事實不符,請聯系多彩編程網進行投訴反饋email:809451989@qq.com,一經查實,立即刪除!

相關文章

數據輪播圖翻頁封裝(左右點擊)

效果圖&#xff1a; <template><div class"box" style"height:200px;"><!-- 左 --><div class"box-left" click"submitrote(left)" mouseenter"chenge_menu(1)" mouseleave"chenge_menu(2)"…

jquery自動點擊按鈕

jquery自動點擊按鈕$(document).ready(function(){$("#imgcode_img").trigger("click");});

087-把PHP數組中的元素按隨機順序重新排列shuffle

<?php$arrarray(3,23,A,f,123,hello); //定義一個數組echo 排序之前的數組信息&#xff1a;<br>;print_r($arr);shuffle($arr); //對數組進行隨機排序echo <br>排序之后的數組信息&#xff1a;<br>;print_r($arr); //輸出數組信息#…

highcharts圖表高級入門之polar:極地圖的基本配置以及一些關鍵配置說明

highcharts圖表組件內的極地圖polar的實現和效果都還是很簡單和美觀的。 1、需要設置chart的polar屬性為true&#xff1b;以表示是極地圖&#xff1b; 2、其他的設置和普通圖表就沒什么區別了的&#xff0c;這里附上一個完整的示例代碼&#xff1a; highcharts圖表組件內的極地…

基于Element ui 實現輸入框只能輸入數字并支持千分位

實現效果 設置子組件 <template><el-inputref"money"v-model.trim"money":placeholder"placeholder"v-bind"$attrs"v-on"$listeners"input"formatNumber(money,money)"keyup.enter.native"moneyCh…

Vue-使用webpack+vue-cli搭建項目

一、準備 安裝NodeJs 安裝Webpack 配置環境變量 技巧使用&#xff1a; 1. npm 淘寶路徑配置&#xff1a;npm config set registryhttps://registry.npm.taobao.org  2.查看npm命令列表 > $ npm help 二、搭建項目 1、全局安裝vue腳手架工具 vue-cli npm install vue…

element 日歷組件-自定義內容

這只是個子組件 <template><div ref"topBox" class"swiper-in page-container bg-white"><div class"w-full page-head">我的排班<i class"close-btn el-icon-close" click"closeCurrentPage"><…

CSS-合理使用z-index控制盒子視軸高度,解決z-index失效

關于z-index我們的共識 共識一 首先&#xff0c;我們都同意&#xff0c;z-index對于普通盒子是無效的&#xff0c;這里的“普通盒子”是除了下文我會提到的“神奇盒子”外的所有盒子&#xff0c;至于什么是“神奇盒子”請慢慢看。 對于普通盒子&#xff0c;不管z-index值如何&…

Activiti6.0教程 Eclipse安裝Activiti Diagram插件(一)

最近這段時間打算出一個Activiti6.0的詳細教程&#xff0c;Activiti作為一個流行的開源工作流引擎&#xff0c;正在不斷發展&#xff0c;其6.0版本以API形式提供服務&#xff0c;而之前版本基本都是要求我們的應用以JDK方式與其交互&#xff0c;只能將其攜帶到我們的應用中&…

JS性能優化之文檔碎片-document.createDocumentFragment

講這個方法之前&#xff0c;我們應該先了解下插入節點時瀏覽器會做什么。 在瀏覽器中&#xff0c;我們一旦把節點添加到document.body&#xff08;或者其他節點&#xff09;中&#xff0c;頁面就會更新并反映出這個變化&#xff0c;對于少量的更新&#xff0c;一條條循…

man(2) W

wait(2) wait3(2) wait4(2) waitpid(2) waitid(2) SEE ALSO _exit(2), clone(2), fork(2), kill(2), ptrace(2), sigaction(2), sig‐ nal(2), wait4(2), pthread_create(3), credentials(7), signal(7)轉載于:https://www.cnblogs.com/xpylovely/p/11018021.html

window.onload和$(document).ready(function(){})的區別

前段時間在面試之前查找并整理了一下window.onload和$(document).ready(function(){})區別&#xff0c;今天有時間更到我的博客上&#xff0c;由于本人資歷尚淺&#xff0c;如有不對的地方&#xff0c;還請指正。 原文出自&#xff1a;http://www.php100.com/html/program/jque…

任務計劃

普及組題庫:(94/100) luogu: 網絡流&#xff1a;P2423,P2055,P3191,P3153,P2598,P4174 線段樹&#xff1a;P1712,P4145,P4868,P2619,P2572,P4247,P4246,P4198 ST表&#xff1a;P2880 DFS序(或歐拉序)線段樹&#xff1a;P3178,P3459 樹鏈剖分&#xff1a;P3384,P3379,P4315,P248…

左右滑動欄

展示效果圖&#xff1a; 父 <template><div ref"topBox" class"swiper-in page-container bg-white"><div class"page-body"><drag-box class"drag-box"><div class"relative" :class"{ex…

Active MQ

轉載于:https://www.cnblogs.com/ygl888/p/11020647.html

jQuery Ajax 實例

一、$.ajax的一般格式 $.ajax({ type: POST, url: url , data: data , success: success , dataType: dataType }); 二、$.ajax的參數描述 參數 描述 url 必需。規定把請求發送到哪個 URL。 data 可選。映射或字符串值。規定連同請求發送到服務器的數據。 success(data, textSt…

element ui封裝 tree下拉框

展示&#xff1a; 子組件封裝 <!-- 樹狀選擇器 科室樹形 --> <template><el-popoverref"popover"placement"bottom-start"trigger"click"show"onShowPopover"hide"onHidePopover"><el-treeref&quo…

Sitecore A / B測試

測試您的Web內容非常重要。這是查看頁面中的頁面和組件是否達到預期效果的好方法。測試還可以讓您放心&#xff0c;您的內容足夠吸引人&#xff0c;以增加轉化次數并最大限度地提高增長率。 測試如何運作&#xff1f; 測試通過向訪問者隨機顯示不同版本的內容來工作。Sitecore …

jQuery on()方法綁定動態元素的點擊事件無響應的解決辦法

$(#check_all).on(click , function(){ alert(1); }); $("#yujinlist").append(html); count; } 以上代碼執行時&#xff0c;點擊#check_all時&#xff0c;alert一直沒反應&#xff0c;后在網上查資料時&#xff0c;才知道on前面的元素也必須在頁面加載的時候就存在…

讓數字保持在整數范圍內

讓數字保存在整數范圍內 如&#xff1a; (1~10)之間的數取 10 (10~20)之間的數取 20 (20~30)之間的數取 30 let max (Math.round(數字/10)1)*10