qq_35908513的博客

考虑到JqueryUI的datepicker要表示年份以下拉框的形式，而且还没有任何css样式，实在有点low。所以稍作调整，以面板的形式表示，再给点样式，提示美感。结合之前Vue做成的日期组件 传送门 在methods里追加如下代码：setDayColor(isShow) { let pickYear = $(".ui-datepicker-year");//获取datepicker的年份显示object if (pickYear.text().length === 4) {

基于项目需求，要开发一个只表示年份的控件。由于做的是日语项目，所以年份还要日本的年号转换。先上代码：(function ($) { //模板，所有class属性都是基于JqueryUI const template=` <div role="calendar" id="calendar_year" type="decade" class="gj-picker gj-picker-bootstrap datepicker gj-unselectable"

项目中要求使用JqueryUI的datepicker来实现组件。一开始考虑只需要加载一次，所以就在Vue生命周期函数中初期化datepicker。mounted (){ let _that = this; $(this.$el).datepicker({ dateFormat: 'yy-mm-dd',//日期格式 minDate:'1926-12-25',//最小日期 showOn:"click".