zoukankan      html  css  js  c++  java
  • layui时间控件,获取页面选中的时间值。

    先贴上html文档

    <div class='layui-form'>
    	<div class="layui-form-item">
    			<div class="layui-inline">		
    				<label class="layui-form-label">起始日期:</label>
    				<input type="text" class="layui-input" id="startdatepicker" autocomplete="off" />
    				
    			 </div>
    			<div class="layui-inline">		
    				<label class="layui-form-label">截止日期:</label>
    				<input type="text" class="layui-input" id="enddatepicker" autocomplete="off" />
    			 </div>
    			 <button class="layui-btn" data-type="reload">搜索</button>
    		</div> 
    </div>

    时间选择器

     1 layui.use('laydate',function(){
     2     var laydate = layui.laydate;
     3     
     4    laydate.render({
     5         elem:'#startdatepicker'
     6         ,format:'yyyy-MM-dd'
     7         ,done:function(value,date,startDate){
     8             //$scope.querySearchParams.startdatepicker = stitchingDate(value,'startdatepicker');
     9         }
    10     });
    11     
    12     var enddatepicker=laydate.render({
    13         elem:'#enddatepicker'
    14         ,format:'yyyy-MM-dd'
    15         ,done:function(value,date,startDate){
    16             //$scope.querySearchParams.startdatepicker = stitchingDate(value,'startdatepicker');
    17         }
    18     });  
    19 });
    View Code

    获取日期,并重载

     1  1 var $ = layui.$, active = {
     2  2                 reload : function() {                    
     3  3                     var startdate = $("#startdatepicker");
     4  4                     var enddate = $("#enddatepicker");
     5  5                     
     6  6                     //执行重载
     7  7                     table.reload('tests', {
     8  8                         where : {
     9  9                             start : startdate.val(),
    10 10                             end : enddate.val()
    11 11                         }
    12 12                     });
    13 13                 }
    14 14             };
    15 15             $('.layui-btn').on('click', function() {
    16 16                 var type = $(this).data('type');
    17 17                 active[type] ? active[type].call(this) : '';
    18 18             });
    View Code
  • 相关阅读:
    MBProgressHUD使用
    IOS AFNetworking
    UIView 注意问题
    IOS动画
    UIView 设置背景图片
    iOS UILabel圆角
    IOS项目删除Git
    ios开发者到真机测试
    使用Google的Gson实现对象和json字符串之间的转换
    Spring MVC异常处理
  • 原文地址:https://www.cnblogs.com/pupil10/p/10473857.html
Copyright © 2011-2022 走看看