easyui datetimebox 赋值无效,求各位大神指点

java初学者0110 2019-04-12 05:12:49
<input id="mdoperatetime" class="easyui-datetimebox" name="mdoperatetime"
data-options="required:true,showSeconds:true" style="width:180px">
js:
$("#mdoperatetime").datetimebox("setText",formatterEDate(now));
//$("#mdoperatetime").datetimebox("setValue",formatterEDate(now));
//$("#mdoperatetime").val(formatterEDate(now));
function formatterEDate(date) {
var year = date.getFullYear();
var month = date.getMonth()+1; //月份+1
var day = date.getDate();
var hour = date.getHours();
var minutes = date.getMinutes();
var second = date.getSeconds();
//return month+"/"+day+"/"+year+" "+hour+":"+minutes +":"+second;
return year+"-"+month+"-"+day+" "+hour+":"+minutes +":"+second;
};
各种办法都试过了
效果如下:啥都没
...全文
614 6 打赏 收藏 转发到动态 举报
AI 作业
写回复
用AI写文章
6 条回复
切换为时间正序
请发表友善的回复…
发表回复
Hello World, 2019-04-15
  • 打赏
  • 举报
回复
那就是其他地方有问题了吧
Hello World, 2019-04-13
  • 打赏
  • 举报
回复
不要用$("#mdoperatetime").val(formatterEDate(now));
用$("#mdoperatetime").datetimebox('setValue',formatterEDate(now));

    $(function () {
var now = new Date();
$("#mdoperatetime").datetimebox("setValue", formatterEDate(now));
var opt = $("#mdoperatetime").datetimebox("getValue");
alert(opt);
})
function formatterEDate(date) {
var year = date.getFullYear();
var month = (date.getMonth() + 1) > 9 ? (date.getMonth() + 1) : "0" + (date.getMonth() + 1); //月份+1
var day = date.getDate() > 9 ? date.getDate() : "0" + date.getDate();
var hour = date.getHours();
var minutes = date.getMinutes();
var second = date.getSeconds();
return year + "-" + month + "-" + day + " " + hour + ":" + minutes + ":" + second;
};
java初学者0110 2019-04-13
  • 打赏
  • 举报
回复
引用 2 楼 Hello World, 的回复:
第一:要在控件初始化后才能调用赋值功能,所以要放在$(function(){});中去执行
第二:now不知道是什么?改成new Date();
第三:日期的默认格式不是中文yyyy-MM-dd的,要引用locale/easyui-lang-zh_CN.js


不好意思,没贴出全部代码,你说的这三个我都做到了
html:
<script type="text/javascript" src="js/easyUI/jquery.easyui.min.js" ></script>
<script type="text/javascript" src="js/easyUI/locale/easyui-lang-zh_CN.js" ></script>
<script type="text/javascript" src="js/moneybileDistribution.js"></script>

<div id="bar" style="width:100%;height:37px;padding:2px 5px 0 5px;background:#eee;">
<input id="mdoperatetime" class="easyui-datetimebox" name="mdoperatetime"
data-options="showSeconds:true" style="width:180px">
<a href="#" class="easyui-linkbutton" onclick="moneybileDistribution()"
data-options="iconCls:'icon-search',plain:true">查询</a>
</div>

JavaScript:
$(function() {
var now = new Date();

$("#mdoperatetime").val(formatterEDate(now));
//$("#mdoperatetime").datetimebox("setValue",formatterEDate(now));
//$("#mdoperatetime").datetimebox("setText",formatterEDate(now));
var opt = $("#mdoperatetime").datetimebox("getValue");
alert(opt);
//$("#mdoperatetime").attr("value",formatterEDate(now));
//moneybileDistribution();// 页面首次加载
})
function formatterEDate(date) {
var year = date.getFullYear();
var month = (date.getMonth() + 1) > 9 ? (date.getMonth() + 1) : "0"+ (date.getMonth() + 1); //月份+1
var day = date.getDate() > 9 ? date.getDate() : "0" + date.getDate();
var hour = date.getHours();
var minutes = date.getMinutes();
var second = date.getSeconds();
//return month+"/"+day+"/"+year+" "+hour+":"+minutes +":"+second;
return year+"-"+month+"-"+day+" "+hour+":"+minutes +":"+second;
};
java初学者0110 2019-04-13
  • 打赏
  • 举报
回复
引用 4 楼 Hello World, 的回复:
不要用$("#mdoperatetime").val(formatterEDate(now));
用$("#mdoperatetime").datetimebox('setValue',formatterEDate(now));

    $(function () {
var now = new Date();
$("#mdoperatetime").datetimebox("setValue", formatterEDate(now));
var opt = $("#mdoperatetime").datetimebox("getValue");
alert(opt);
})
function formatterEDate(date) {
var year = date.getFullYear();
var month = (date.getMonth() + 1) > 9 ? (date.getMonth() + 1) : "0" + (date.getMonth() + 1); //月份+1
var day = date.getDate() > 9 ? date.getDate() : "0" + date.getDate();
var hour = date.getHours();
var minutes = date.getMinutes();
var second = date.getSeconds();
return year + "-" + month + "-" + day + " " + hour + ":" + minutes + ":" + second;
};

我用了这个方法啊,你看我注释掉的部分嘛,都没用
Hello World, 2019-04-12
  • 打赏
  • 举报
回复
第一:要在控件初始化后才能调用赋值功能,所以要放在$(function(){});中去执行
第二:now不知道是什么?改成new Date();
第三:日期的默认格式不是中文yyyy-MM-dd的,要引用locale/easyui-lang-zh_CN.js
Hello World, 2019-04-12
  • 打赏
  • 举报
回复
    <input id="mdoperatetime" class="easyui-datetimebox" name="mdoperatetime"
data-options="required:true,showSeconds:true" style="width: 180px">

    $(function () {
$("#mdoperatetime").datetimebox("setText", formatterEDate(new Date()));
});
function formatterEDate(date) {
var year = date.getFullYear();
var month = date.getMonth() + 1; //月份+1
var day = date.getDate();
var hour = date.getHours();
var minutes = date.getMinutes();
var second = date.getSeconds();
return year + "-" + month + "-" + day + " " + hour + ":" + minutes + ":" + second;
};
(题外话:从本次开始 我新增了jQuery EasyUI的专题页面 大家可以关注我的专题页来及时获取最新的EasyUI资源 专题页地址如下http:http://download.csdn.net/album/detail/343 同时也希望转载的那些朋友能保留我资源的说明及出处地址 我花那么多精力制作出来的 你们鼠标点两下就给我转走了还不注明出处 实在是不厚道 本来就是本着分享精神的 为的就是聚集一点人气和提供一个优良的环境来一起学习进步的 请不要抹杀掉我的热情 谢谢 )   时隔4个月之久 EasyUI终于迎来大版本更新了 本次更新内容诸多 除了常规维护外 还新增了3个新组件 都很实用 详细的可以阅读更新说明 里面给了详细的解读 另外 从该版本开始我将会逐步的将EasyUI官方以及第三方较好的插件API整合到API文档当中 并且会对这些插件做一些简单的Demo实现 存放到配套提供的程序包demo文件夹下 以便大家学习和使用 本期文档中将官方提供的所有附加插件的API都整理并存放到Extension节点下了 这些扩展的demo在附带的程序包中已经提供 可以用于参考使用 jQuery EasyUI 1 4版本更新内容: Bug(修复) menu:修复在删除一个菜单项的时候该菜单无法正确自适应高度的问题; datagrid:修复在datagrid宽度太小的时候“fitColumns”方法无法正常工作的问题 Improvement(改进) EasyUI的所有组件已经支持非固定 百分比大小的尺寸设置; menu:添加“showItem” “hideItem”和“resize”方法; menu:基于窗体大小自动调整高度; menu:添加“duration”属性 该属性允许用户自定义隐藏菜单动画的持续时间 以毫秒为单位; validatebox:添加“onBeforeValidate”和“onValidate”事件; combo:从该版本开始combo组件扩展自textbox组件(textbox是1 4中新增的组件); combo:添加“panelMinWidth” “panelMaxWidth” “panelMinHeight”和“panelMaxHeight”属性; searchbox:从该版本开始searchbox组件扩展自textbox组件(textbox是1 4中新增的组件); tree:添加“getRoot”方法 用于返回通过“nodeEl”参数指定的节点的顶部父节点元素 注意:官网的英文API中该函数的说明有误 其说明是none 无参数 实际这里是需要参数的 ; tree:添加“queryParams”属性; datetimebox:添加“spinnerWidth”属性; panel:添加“doLayout”方法 用于控制面板内组件的大小; panel:添加“clear”方法 用于清除面板内的内容; datagrid:允许用户设置百分比宽度的列(该功能真是千呼万唤始出来啊 ); form:添加“ajax” “novalidate”和“queryParams”属性; linkbutton:添加“resize”方法 New Plugin(新组件) textbox:该组件是一个增强的输入字段 它可以让用户非常简单的构建一个表单; datetimespinner:该组件是一个日期和时间的微调组件 它允许我们选择一个特定的日期或时间; filebox:filebox 该组件表单元素中用于上传文件的文件框工具组件 ">(题外话:从本次开始 我新增了jQuery EasyUI的专题页面 大家可以关注我的专题页来及时获取

87,992

社区成员

发帖
与我相关
我的任务
社区描述
Web 开发 JavaScript
社区管理员
  • JavaScript
  • 无·法
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

试试用AI创作助手写篇文章吧