页面添加时间插件

Posted 2020-10-13 相忘谁先忘

html代码：

<tr>
                <td class="formTitle">报警时间<font face="宋体">*</font></td>
                <td class="formValue">
                    <div class="col-sm-3">
                        <div  class="datetimepicker input-group date col-sm-8" data-date-format="yyyy-mm-dd">
                        <input type="text" id="alarmTime" class="form-control" v-model="pdAlarmMsg.alarmTimeStr"  readonly="readonly"/>
                            <span class="input-group-addon">
                                <span class="fa fa-calendar"></span>
                        </span>
                        </div>
                    </div>
                </td>
            </tr>

js代码：

$(".datetimepicker").datetimepicker({
    format: "yyyy-mm-dd",
    minView: "2",
    // 不写值的话默认为0也就是能选到分
    //0    从小时视图开始，选分
    //1    从天视图开始，选小时
    //2    从月视图开始，选天
    //3    从年视图开始，选月
    //4    从十年视图开始，选年
    autoclose: true,
    language: "zh-CN"
}).on(‘changeDate‘,gotoDate);

function gotoDate(ev){
    var alarmTime = $("#alarmTime").val();
    vm.pdAlarmMsg.alarmTimeStr = alarmTime;
}

bean代码：

public String getAlarmTimeStr() {
        if (this.getAlarmTime()!=null){
            return DateUtil.format(this.getAlarmTime(),DateUtil.DATE_PATTERN);
        }
        return "";
    }
    public void setAlarmTimeStr(String alarmTimeStr) {
        this.alarmTimeStr=alarmTimeStr;
        if (!StringUtil.isNull(alarmTimeStr)){            
                try {
                    this.setAlarmTime(DateUtil.parse(alarmTimeStr, DateUtil.DATE_PATTERN));
                } catch (ParseException e) {
                    // TODO Auto-generated catch block
                    e.printStackTrace();
                }
            
        }
    }