jQuery阿里云日期选择器

jQuery 的日期选择器用在阿里云产品购买里，真的是挺实用的一招。

jQuery 的Datepicker组件，加上点简单配置，就能轻松搞定服务开始日期的选择问题。你只要引入jquery-ui.min.js和相关 CSS，写几行代码就行，响应也快，用户体验也不错。

比如像这样：

$("#startDate").datepicker({
  dateFormat: "yy-mm-dd",
  minDate: 0,
  maxDate: "+1Y"
});

一眼就能看懂，还挺好调的。如果你需要和后台联动一下，比如选完日期发个 Ajax 求去验证下，直接$.ajax()走一发就行：

$("#startDate").on("change", function() {
  var selectedDate = $(this).val();
  $.ajax({
    url: "/api/validate-date",
    type: "POST",
    data: { date: selectedDate },
    success: function(response) {
      // 成功
    },
    error: function() {
      // 出错也不怕
    }
  });
});

整个流程还挺顺，配合阿里云那边接口用着蛮舒服。资源包里的texiao414_1560681000应该是相关样式或效果文件，别忘了也一并引入。

如果你做类似的云服务购买流程，或者要搞个带日期限制的表单，直接套这套思路就行，快、省事。