用EasyUI怎么做这种样式的日期控件

经实测，有的是可以用的。比如下拉框，日期框，输入框。

123<asp:DropDownList ID="DropDownList1" runat="server" CssClass="easyui-combobox" Width="120px"></asp:DropDownList><asp:TextBox ID="data" runat="server" CssClass="easyui-datetimebox"></asp:TextBox>

asp下拉框控件，后台绑定数据。前台再用EasyUi的样式。

最终展示的是EasyUi的，数据显示正常，而且后台可以直接获取值。

有的可以用，有的不能用，这些都是要经过实际测试。EasyUi里，一般用input，select初始化的控件，asp控件都是可以用的。

经实测，有的是可以用的。比如下拉框，日期框，输入框。

123<asp:DropDownList ID="DropDownList1" runat="server" CssClass="easyui-combobox" Width="120px"></asp:DropDownList><asp:TextBox ID="data" runat="server" CssClass="easyui-datetimebox"></asp:TextBox>

asp下拉框控件，后台绑定数据。前台再用EasyUi的样式。

最终展示的是EasyUi的，数据显示正常，而且后台可以直接获取值。

有的可以用，有的不能用，这些都是要经过实际测试。EasyUi里，一般用input，select初始化的控件，asp控件都是可以用的。

1、 加入日期选择框“$("#dd")datebox({"required":true});”

2、 javascript获取日期选择框的值，“$("#dd")datebox("getValue");  或者$("input[name='dd']")val();”

3、给它添加事件监听，datebox onSelect 日期选中后，自动为input id="dd" type="text"赋值，这样就可以使用“$("#dd")val()”获取选中的日期值了。

jQuery EasyUI是一组基于jQuery的UI插件集合体，而jQuery EasyUI的目标就是帮助web开发者更轻松的打造出功能丰富并且美观的UI界面。开发者不需要编写复杂的javascript，也不需要对css样式有深入的了解，开发者需要了解的只有一些简单的html标签。

并不是datebox继承自Calendar，是datebox创建时会包含一个calendar。

所以可以从datebox获取一个他使用的calendar。

$('#dd')datebox('calendar')calendar({

validator: function(date){

var now = new Date();

var d1 = new Date(nowgetFullYear(), nowgetMonth(), nowgetDate());

var d2 = new Date(nowgetFullYear(), nowgetMonth(), nowgetDate()+10);

return d1<=date && date<=d2;

}

});

   <input id="dtstartTime" type="text" style="width: 200px; height: 20px"

                                                   class="easyui-datetimebox" required="required"> $("#dtstarttime")datetimebox("setValue", datetime);$("#dtstarttime")datetimebox('getValue') 报错：无法获取未定义或 null 引用的属性“nodeName”

id和获取器的id不一致，修改为这个dtstartTime

<input id="dtstartTime" type="text" required="required"> $("#dtstarttime")datetimebox("setValue", datetime);$("#dtstarttime")datetimebox('getValue') 报错：无法获取未定义或 null 引用的属性“nodeName”id和获取器的id不一致，修改为这个dtstartTime

重写 貌似是这种格式，

$fndateboxdefaultsparser = function(s){

var t = Dateparse(s);

if (!isNaN(t)){

return new Date(t);

} else {

return new Date();

}

}

以上就是关于用EasyUI怎么做这种样式的日期控件全部的内容，包括:用EasyUI怎么做这种样式的日期控件、asp控件能不能用easyui的样式、怎么给easyui 时间控件赋值等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！