datepicker怎么在引导中使用

  介绍

datepicker怎么在引导中使用?很多新手对此不是很清楚,为了帮助大家解决这个难题,下面小编将为大家详细讲解,有这方面需求的人可以来学习下,希望你能有所收获。

<强>首先

引入相应的css和javascript:

& lt; link  rel=皊tylesheet", th: href=https://www.yisu.com/zixun/癅{/资产/css/datepicker.css}”rel="外部nofollow "/>   <脚本th: src=" @{/资产/js/日期时间/bootstrap-datepicker。js} ">

然后html代码装载控件

, & lt; div 类=癷nput-group"比;   ,,,,,,& lt; input 类=癴orm-control  date-picker", id=癳ndTime", data-date-end-date=? m"   ,,,,,,,类型=皌ext",占位符=把≡衲暝隆?祝辞,   ,,,,& lt; span 类=癷nput-group-addon"祝辞,   ,,,,,& lt;小姐:类=癴a  fa-calendar 大- 110“祝辞& lt;/i>   ,,,,& lt;/span>   ,,,,& lt;/div>

初始化控件:

美元(& # 39;# endTime& # 39;) .datepicker ({,   ,,,,格式:,& # 39;yyyy-mm& # 39;   ,,,,startView:, 1, maxViewMode:, 1, minViewMode: 1,   ,,,,autoclose : true    ,,})

现在可以看效果了:

 datepicker怎么在引导中使用“> </p> <p>,选择日期后触发事件:</p> <pre类=美元(& # 39;# endTime& # 39;) .datepicker ({,   ,,,,格式:,& # 39;yyyy-mm& # 39;   ,,,,startView:, 1, maxViewMode:, 1, minViewMode: 1,   ,,,,autoclose : true    ,,})。(“changeMonth",,函数(e), {   ,,,,   ,,,var  date_=e.date;   ,,,var  year_str =, date_.getFullYear ();   ,,,var  month_str =, date_.getMonth () + 1;   ,,,如果(month_str<10) {   ,,,,month_str=?, + month_str;   ,,,}   ,,,var  endMonth=year_str +“产生绯闻;+ month_str;   ,,,,,getLitDirection (endMonth);   ,,,,,,,getLitSaleTop (endMonth);   ,,,,,,,getLitViewTop (endMonth);   ,,,,,,,getLitErrorRecovery (endMonth);,   ,,,,,,,   ,,var  month_value=https://www.yisu.com/zixun/year_str +“年”+ (date_.getMonth() + 1) +“月”;   $ (" # end_Time ") . html (month_value);   $ (" # split1 "),告诉();   $ (" # split2 "),告诉();      }). next()内(王牌。click_event函数(){   美元(这).prev () .focus ();   });

看完上述内容是否对您有帮助呢?如果还想对相关知识有进一步的了解或阅读更多相关文章,请关注行业资讯频道,感谢您对的支持。

datepicker怎么在引导中使用