2020-03-25

jquery-weui calendar 和citypicker 的使用和默认值的问题

<div class="weui-cells weui-cells_form m-form">
      <div class="form-item">
        <div class="weui-cell">
          <div class="weui-cell__hd">
            <label class="weui-label"><span class="u-star">*</span>返靖时间</label>
          </div>
          <div class="weui-cell__bd">
            <input class="weui-input" type="text" placeholder="请选择" data-toggle="date" id="return_date"
              dateFormat="yyyy-mm-dd" />
          </div>
        </div>
      </div>
</div>

 // calendar
    var return_date = '2020-02-18';
    $("#return_date").val(return_date);//输入框显示默认值
    $("#return_date").calendar({
      value: [return_date],//这行代码可加可不加
      onChange: function (p, values, displayValues) {
        // return_date = values[0].split("/").join("-");
      }
    });

calendar设置默认值.png

<div class="weui-cells weui-cells_form m-form">
  <div class="form-item">
        <div class="weui-cell">
          <div class="weui-cell__hd">
            <label class="weui-label"><span class="u-star">*</span>旅居史(返<br />&nbsp;&nbsp;靖前14天)</label>
          </div>
          <div class="weui-cell__bd">
            <input class="weui-input j-address fromCity" type="text" placeholder="请选择" id="history1" />
          </div>
        </div>
      </div>
</div>
 var his1 = ["江苏省", "南京市", "浦口区"];
    //city picker
    $("#history1").val(his1.join(" "));
    $("#history1").cityPicker({
      title: "地址选择",
      //value: his1,
      toolbarTemplate: '<div class="toolbar">' +
        '<div class="toolbar-inner">' +
        '<a href="javascript:;" class="picker-button close-picker">完成</a>' +
        '<h1 class="title">地址选择</h1>' +
        '<a href="javascript:;" class="clear-button clear-button1 close-picker">清除</a>' +
        '</div>' +
        '</div>',
      onChange: function (e) {
        // history1 = e.displayValue.join("-");
      }
    });
  

citypicker默认值.png