更改事件上bootstrap datetimepicker的格式

时间:2015-05-05 14:18:03

标签: event-handling format onchange datetimepicker bootstrap-datetimepicker

我知道如何更改datetimepicker日期格式,但是我无法找到一种方法在初始化后重新格式化它。如果选中某个复选框,我希望格式更改。

这就是我的尝试:

    // Configure the from datetime date pickers
    $('#dateTimePickerFrom').datetimepicker({
      format: defaultFormat,
      minDate: moment().subtract(90, 'days'),
      defaultDate: defaultFrom
    }).on('dp.change', function(e) {
      if (!validDateTimeRange()) {
        $('#ok-button').attr('disabled', true);
      } else {
        $('#ok-button').removeAttr('disabled');
      }

    });

它使defaultFrom更改,但不会更改defaultFormat。 这就是datetimepicker的外观:

public class NGramsTableModel extends AbstractTableModel implements TableModel {
private LinkedList<TableModelListener> listeners = new LinkedList<TableModelListener>();
...
...
@Override
public void setValueAt(Object aValue, int rowIndex, int columnIndex) {
    ...
    //it's OK, i see this message with entered symbols
    System.out.println("setValueAt: " + aValue);
    //Use your fireXXX method
    fireNGramTableChanged();
}

@Override
public void addTableModelListener(TableModelListener l) {
    listeners.add(l);
}

@Override
public void removeTableModelListener(TableModelListener l) {
    listeners.remove(l);
}

protected void fireNGramTableChanged(){
   for(TableModelListener next : listeners){
     next.tableChanged(new TableModelEvent());
   }
}

1 个答案:

答案 0 :(得分:0)

我通过在复选框更改事件中销毁datetimepicker然后重新附加它来解决此问题。

我在下面提供了我的代码。

我做了什么 - 当选中全天事件复选框(#eventAllDay)时,在事件开始日期(date)和事件结束日期{{1}中仅显示#eventStartDate选项} datetime`选择。

#eventEndDate). And if it is unchecked, display

感谢。