jQuery EasyUI 互动版

在线工具推荐: Three.js AI纹理开发包 - YOLO合成数据生成器 - GLTF/GLB在线编辑 - 3D模型格式在线转换 - 可编程3D场景编辑器

DateTimeBox

和日期输入框类似,日期时间输入框允许用户选择日期和指定的时间并按照指定的输出格式显示。相比日期输入框,它在下拉面板中添加了一个时间微调器。

datetimebox的创建方法与datebox类似,也有两种方法,

1.使用标签创建日期时间输入框。我们要为input标签添加一个“easyui-datetimebox”的类。

<input class="easyui-datetimebox" name="birthday"     
        data-options="required:true,showSeconds:false" value="3/4/2010 2:3" style="width:150px">

2.使用Javascript创建日期时间输入框。

<input id="dt" type="text" name="birthday"></input>
$('#dt').datetimebox({    
    value: '3/4/2010 2:3',    
    required: true,    
    showSeconds: false   
});

我们可以通过"setValue"方法来设置datetimebox的值,通过“getValue”获取datetimebox的值。

$('#dt').datetimebox('setValue','01/01/2016 12:00:00'); 
$('#dt').datetimebox('getValue','');
获取设置完成的日期,去试试吧!