2 u010231494 u010231494 于 2016.04.29 09:54 提问

ligerui DateEditor时间控件实现赋值格式化和显示风格格式化

ligerui DateEditor时间控件实现赋值格式化和显示风格格式化,当只需要年月的时候界面不显示日期

1个回答

u010231494
u010231494   2016.04.29 10:04

第一步:在定义日期控件时,在options{}里面加入format:"yyyy-MM" 这是定义空间赋值的格式化
第二步:在ligerui.all js文件里面找到ligerui月份加载和单击事件, g.body.monthselector.hover(function () { }, function ().....$("li", g.body.monthselector).click(function ().......... 重写ligerui月份加载和单击事件:
g.body.monthselector.hover(function () { }, function ()
{
var p = this.options;
if (p.format!="yyyy-MM") {
$(this).slideUp("fast");
}
});
$("li", g.body.monthselector).click(function ()
{
var index = $("li", g.body.monthselector).index(this);
g.currentDate.month = index + 1;

            if (p.format!="yyyy-MM") {
                g.body.monthselector.slideToggle();
            }
            g.bulidContent();
            g.showDate();

            if (p.format=="yyyy-MM") {
                g.toggleDateEditor(true);
            }
        });

第三步:在时间控件的页面加入css代码:

.l-box-dateeditor-monthselector { display:block; }
    大功告成:
    ![图片说明](https://img-ask.csdn.net/upload/201604/29/1461895461_388421.png)
Csdn user default icon
上传中...
上传图片
插入图片
准确详细的回答,更有利于被提问者采纳,从而获得C币。复制、灌水、广告等回答会被删除,是时候展现真正的技术了!
其他相关推荐
jQuery LigerUI 插件介绍及使用之ligerDateEditor
描述: 可以将一个'文本框'的表单对象转换成可日期选择。支持精确到小时和分钟支持直接在文本框改日期(会自动验证) 设计思路: 通过观察知道,无论是哪个月,这30左右的天数总会落在7*6的表格上面, 所以只需要知道某月,第N行、第M列应该填入什么样的数字就可以。 按下面的算法就可以计算出来: 步骤一:以本月第一天为基点,计算出第N行、第M列的偏差:先把第一天所在相应的单元格填入
LigerUi弹出编辑窗口中日期默认当前日期设设置!
if (curentData) {               if (isAddNew) { $("#Add_Date").val(''); }           }         curentData:是数据 ,是从.net后台取出的日期值,也可用: //              var today = new Date();   //
ligerdateeditor -- format设置
今天对jqueryLigerUI插件的日期展示,格式设置做个总结,搞了一下午总算是好了,记录一下,希望能帮到其他人。 1. 插件默认支持“yyyy-MM-dd hh:mm”格式,可通过设置showTime是否展示时间(默认不展示),如下源码: $.ligerDefaults.DateEditor = { format: "yyyy-MM-dd hh:mm",
LigerUI 控件中的date一个小BUG处理。
我选择了ligerUI这个Jqurey控件后,感觉还不错,但在使用中还是发现了不小的小瑕疵,比方说,我们在用textarea时(放在表单里),它会自动加样式,但是发现左侧的边框没了,感觉是很怪的,仔细跟踪CSS样式代码后,你会发现在 form.css中,有一个 1-textarea这样的样式,把 magin-left:-1, 设成0就可以,或1更好,如果想改边框颜色,也是在这里改的。   在一
ligerUi 格式化日期
使用ligerui框架开发时,一般格式如下: $("#div_id").ligerGrid({ url : fullPath + action_name,//请求路径 height : 400, pageSize : 30, enabledSort : false,//是否允许排序 isAllowHide : false,//是否允许隐藏,如果允许,将会出现在【显
ligerDateEditor
input id="holidayDate"type="text" />   $("#holidayDate").ligerDateEditor({ label: '节日日期', format: "yyyy-MM-dd", labelWidth: 65, width: 150,labelAlign: 'left' });
ligerUI的日期控件,支持秒
ligerUI的日期控件,原来的不支持秒,改成支持秒
LigerUi中Grid控件中的日期列的日期转换技巧(示例源代码)
保存问题 在 grid.bind('afterSubmitEdit', function (e) { //之后调用时间转换方法                 e.newdata.时间变量= Todate(e.newdata.时间变量) ... ... .... } //保存进行时间格式的转换 function Todate(num){       //Fri Oct 31
ligerUI Grid 的 data 格式问题
直接后台传过来的数据,可以先在后台拼接好! echo '{"Rows":'; echo json_encode($变量数组); echo '."Total":'.$总数.'}';//其实Total不用也行 或者 $data['Rows'] = $变量数组; $data['Total'] = $总数; echo json_encode($data); 在前台用新的数组时:
EasyUI修改DateBox和DateTimeBox的默认日期格式
最近整理Easyui控件的时候,对Easyui的DateBox控件和DateTimeBox控件进行了梳理,而我之所以将EasyUI的DateBox控件和DateTimeBox控件放在一起,归为一类,是因为这两个控件没有什么区别,如果你非得说这两个控件有区别,也无非是DateTimeBox控件后面除了基本的年月日之外带上了小时或者分钟或者秒什么的。