bootstrap datetimepicker 用法

bootstrap-datetimepicker这款选择日期的前端插件还是非常好用的,
官网是:http://www.bootcss.com/p/bootstrap-datetimepicker/

如图1

bootstrap datetimepicker 用法_第1张图片


这里给出一个最为简单的例子
用asp.net web form做的

第一,把官网上的插件下载下来 , 把文件都放到你的工程里

如图2

bootstrap datetimepicker 用法_第2张图片



另外要说明的是,这个控件必须依赖 jquery 和 bootstrap
所以我直接引用网上的CDN的


第二,然后就可以直接写代码了,请看这段最简化的代码,
(我写的很烂,看官网的例子更好)
<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="WebForm2.aspx.cs" Inherits="bootstrapDatetimepickerTest5.WebForm2" %>




   
   
   
   
   
   
   
   
   

   


    
   

       
        
           
       

   






稍微解释一下:
看到以及

这两个span是很有用的,
如果单纯写

$("#test").datetimepicker();
那么会有一些样式无法表示出来,如图3
bootstrap datetimepicker 用法_第3张图片

另外datetimepicker有很多选项,比如:
langua、format、weekStart、startDate等等
官网上有详细的解释
我这菜鸟就不多说了




声明:本人刚刚做程序员,写的不对的地方请包涵

你可能感兴趣的:(bootstrap datetimepicker 用法)