欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

bootstrap datetimepicker日期插件超詳細(xì)使用方法介紹

 更新時(shí)間:2017年02月23日 08:20:07   作者:純黑Se丶  
本篇文章主要介紹了bootstrap datetimepicker日期插件超詳細(xì)使用方法介紹,小編覺得挺不錯(cuò)的,現(xiàn)在分享給大家,也給大家做個(gè)參考。一起跟隨小編過來看看吧

本文實(shí)例為大家分享了bootstrap datetimepicker日期插件的簡單使用,供大家參考,具體內(nèi)容如下

首先在文件頭部引入必要的文件:

<link rel="stylesheet" href="Css/bootstrap-datetimepicker.min.css" rel="external nofollow" >
<script src="Js/bootstrap-datetimepicker.js"></script>

想用中文顯示,加入bootstrap-datetimepicker.zh-CN.js文件

<script src="Js/bootstrap-datetimepicker.zh-CN.js"></script>

然后調(diào)用初始化日期插件方法:

$('.date').datetimepicker({
 language: 'zh-CN',//顯示中文
 format: 'yyyy-mm-dd',//顯示格式
 minView: "month",//設(shè)置只顯示到月份
 initialDate: new Date(),//初始化當(dāng)前日期
 autoclose: true,//選中自動(dòng)關(guān)閉
 todayBtn: true//顯示今日按鈕
 })

引入控件

使用bootstrap的日期控件需要單獨(dú)引入bootstrap-datetimepicker.min.css和bootstrap-datetimepicker.min.js

詳情及文件可以通過下面地址下載:http://www.bootcss.com/p/bootstrap-datetimepicker/

使用場景

單獨(dú)引入一個(gè)日期控件可以參考上面提供的連接地址上的案例。此處介紹的是怎么使用兩個(gè)日期控件,一個(gè)為開始日期,另外一個(gè)為結(jié)束日期,兩個(gè)日期之間建立相互約束關(guān)系。即開始日期不能大于結(jié)束日期,結(jié)束日期不能小于開始日期。

使用方法

兩個(gè)時(shí)間輸入域如圖:

html代碼

<input size="16" type="text" id="datetimeStart" readonly class="form_datetime">
--
<input size="16" type="text" id="datetimeEnd" readonly class="form_datetime">

 js代碼如下

<script type="text/javascript">
  $("#datetimeStart").datetimepicker({
    format: 'yyyy-mm-dd',
    minView:'month',
    language: 'zh-CN',
    autoclose:true,
    startDate:new Date()
  }).on("click",function(){
    $("#datetimeStart").datetimepicker("setEndDate",$("#datetimeEnd").val())
  });
  $("#datetimeEnd").datetimepicker({
    format: 'yyyy-mm-dd',
    minView:'month',
    language: 'zh-CN',
    autoclose:true,
    startDate:new Date()
  }).on("click",function(){
    $("#datetimeEnd").datetimepicker("setStartDate",$("#datetimeStart".val()))
  });
</script>

 關(guān)于bootstrap插件datepicker,只選擇年月;

<input type="text"class="form-control form_datetime_2"readonly id="month_time"value=""/>
$(".form_datetime_2").
datetimepicker({
language: 'zh-CN',
format: 'yyyy-mm',
autoclose: true,
todayBtn: true,
startView: 'year',
minView:'year',
maxView:'decade'
});

以上就是本文的全部內(nèi)容,希望對大家的學(xué)習(xí)有所幫助,也希望大家多多支持腳本之家。

相關(guān)文章

  • javascript分頁代碼實(shí)例分享(js分頁)

    javascript分頁代碼實(shí)例分享(js分頁)

    這篇文章主要介紹了javascript分頁實(shí)例,大家參考使用吧
    2013-12-12
  • 谷歌地圖打不開的解決辦法

    谷歌地圖打不開的解決辦法

    這篇文章主要介紹了谷歌地圖打不開的解決辦法,本文給出了一個(gè)可以正常使用的谷歌地圖調(diào)用案例,需要的朋友可以參考下
    2014-08-08
  • 微信JS-SDK updateAppMessageShareData安卓不能自定義分享詳解

    微信JS-SDK updateAppMessageShareData安卓不能自定義分享詳解

    這篇文章主要介紹了微信JS-SDK updateAppMessageShareData安卓不能自定義分享詳解,文中通過示例代碼介紹的非常詳細(xì),對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧
    2019-03-03
  • JavaScript詳細(xì)分析數(shù)據(jù)類型和運(yùn)算符

    JavaScript詳細(xì)分析數(shù)據(jù)類型和運(yùn)算符

    這篇文章主要介紹了JavaScript數(shù)據(jù)類型和運(yùn)算符案例,結(jié)合實(shí)例形式分析了JavaScript數(shù)據(jù)類型和運(yùn)算符特性與相關(guān)操作技巧,需要的朋友可以參考下
    2022-07-07
  • JavaScript三元運(yùn)算符的多種使用技巧

    JavaScript三元運(yùn)算符的多種使用技巧

    這篇文章主要介紹了JavaScript三元運(yùn)算符的多種使用技巧,本文講解了普通用法、稍微聰明點(diǎn)的用法、甚至更變態(tài)些的用法等,需要的朋友可以參考下
    2015-04-04
  • js操作CheckBoxList實(shí)現(xiàn)全選/反選(在客服端完成)

    js操作CheckBoxList實(shí)現(xiàn)全選/反選(在客服端完成)

    對于CheckBoxList控件來說,一方面要實(shí)現(xiàn)大量數(shù)據(jù)在服務(wù)器端的綁定工作,另一方面往往要求實(shí)現(xiàn)全選、反選等功能,接下來將介紹js操作CheckBoxList實(shí)現(xiàn)全選/反選,感興趣的朋友可以了解下,或許對你有所幫助
    2013-02-02
  • javascript for循環(huán)從入門到偏門(效率優(yōu)化+奇特用法)

    javascript for循環(huán)從入門到偏門(效率優(yōu)化+奇特用法)

    for循環(huán)是非?;A(chǔ)的javascript知識,但由于JS太靈活了,所以可能出現(xiàn)一些讓初學(xué)者崩潰的寫法。我決定由淺入深的解釋一下for循環(huán),算是給比我還新手的新手解惑吧,少走彎路
    2012-08-08
  • 基于JQuery+HTML+JavaScript實(shí)現(xiàn)地圖位置選取和地址模糊查詢

    基于JQuery+HTML+JavaScript實(shí)現(xiàn)地圖位置選取和地址模糊查詢

    本文詳細(xì)講解了如何使用 JQuery+HTML+JavaScript 實(shí)現(xiàn)移動(dòng)端頁面中的地圖位置選取功能,本文逐步展示了如何構(gòu)建基本的地圖頁面,如何通過點(diǎn)擊地圖獲取經(jīng)緯度和地理信息,以及如何實(shí)現(xiàn)模糊查詢地址并在地圖上標(biāo)注,感興趣的小伙伴跟著小編一起來看看吧
    2024-07-07
  • 原生javascript實(shí)現(xiàn)無間縫滾動(dòng)示例

    原生javascript實(shí)現(xiàn)無間縫滾動(dòng)示例

    原生javascript無間縫滾動(dòng)目前支持的是豎向與橫向滾動(dòng),下面有個(gè)不錯(cuò)的示例,大家可以參考下
    2014-01-01
  • js 彈出虛擬鍵盤修改密碼的簡單實(shí)例

    js 彈出虛擬鍵盤修改密碼的簡單實(shí)例

    下面小編就為大家?guī)硪黄猨s 彈出虛擬鍵盤修改密碼的簡單實(shí)例。小編覺得挺不錯(cuò)的,現(xiàn)在就分享給大家,也給大家做個(gè)參考。一起跟隨小編過來看看吧
    2016-10-10

最新評論