easyui datebox使用问题

Question

请问佬们，前端用easyui的日期控件的时候怎么让它只能选择和显示时分秒

Answer 1

在easyui的日期控件中，默认情况下是可以选择年、月、日、时、分、秒等信息的。如果需要让日期控件只能选择和显示时分秒信息，可以通过设置easyui的datebox控件的formatter和parser属性来实现。

具体而言，我们可以将formatter属性设置为返回时分秒的格式化字符串的函数，例如：

$('#datebox').datebox({
    formatter: function(date){
        return $.fn.datebox.defaults.formatter.call(this, new Date(date).getTime());
    }
});

上述代码中，formatter函数返回的是传入日期的时分秒格式化字符串。

同时，我们也需要将parser属性设置为解析时分秒的函数，例如：

$('#datebox').datebox({
    parser: function(s){
        if (!s) return new Date();
        var t = s.split(':');
        var d = new Date();
        d.setHours(t[0]);
        d.setMinutes(t[1]);
        d.setSeconds(t[2]);
        return d;
    }
});

parser函数将传入的时分秒字符串解析为一个Date对象，从而实现了只选择和显示时分秒的效果。

在使用这种方式时，我们需要确保datebox控件的value属性能够正确地保存和传递时分秒的信息，否则可能会出现数据丢失的问题。