bootstrap时间控件--时间选择器

对应上面的三个时间选择器，写法如下：

首先引入css和js：

然后html部分：

 

        

            

                选择开始时间：
                
                

                    
                    
                        
                    
                
            
        
        

            

                选择结束时间：
                
                

                    
                    
                        
                    
                
            
        
        

            

                选择结束时间：
                
                

                    
                    
                        
                    
                
            
        
    
    

最后js部分：

    $('#datetimepicker1').datetimepicker({
            format: 'YYYY-MM-DD',
            locale: moment.locale('zh-cn'),
            defaultDate: "1990-1-1"
        });

$(function () {
    $('#datetimepicker1').datetimepicker({
        format: 'YYYY-MM-DD',
        locale: moment.locale('zh-cn')
    });
    $('#datetimepicker2').datetimepicker({
        format: 'HH:mm',
        locale: moment.locale('zh-cn')
    });
    $('#datetimepicker3').datetimepicker({
        format: 'YYYY-MM-DD HH:mm',
        locale: moment.locale('zh-tw')
    });
});

解释：

format	日期格式	YYYY-MM-DD：2019-01-10 HH:mm24小时格式 hh:mm12小时格式 YYYY-MM-DD HH:mm 比如：2019-01-01 23：59 HH:mm:ss 带秒数的24小时格式
locale	时间地区	zh-cn是中国

参考：http://www.htmleaf.com/jQuery/Calendar-Date-Time-picker/201806095166.html