日期输入框渲染日期

src/main/resources/application.properties

@@ -2,7 +2,7 @@ spring.application.name=fourcal
 server.port=8282
 server.context-path=/fourcal
 app.version=0.0.1
-spring.profiles.active=sit
+spring.profiles.active=local
 
 spring.datasource.type=com.alibaba.druid.pool.DruidDataSource
 spring.datasource.driver-class-name=com.mysql.cj.jdbc.Driver

src/main/resources/static/assets/js/project_budget_plan.js

@@ -35,6 +35,8 @@ $(function () {
     bindBudgetPlanDeleteBtn();
     //绑定公司管理费用的输入框
     bindCompanyManageChangeable();
+    //渲染日期选择框
+    renderMonthDatePicker();
 });
 
 /**
@@ -88,7 +90,7 @@ function verifyBudgetPlan(){
  */
 function appendTrBudgetPlan() {
     var template = '<tr>\n' +
-        '        <td><input type="text" class="am-modal-prompt-input am-modal-prompt-input-budget-plan-detail input-changeable-month-budget-plan"></td>\n' +
+        '        <td><input type="text" class="am-modal-prompt-input am-modal-prompt-input-budget-plan-detail input-changeable-month-budget-plan" readonly></td>\n' +
         '        <td><input type="number" min="0.00" max="99999999.99" step="0.01" class="am-modal-prompt-input am-modal-prompt-input-budget-plan-detail input-changeable-device-cost-budget-plan"></td>\n' +
         '        <td><input type="number" min="0.00" max="99999999.99" step="0.01" class="am-modal-prompt-input am-modal-prompt-input-budget-plan-detail input-changeable-engineer-cost-budget-plan"></td>\n' +
         '        <td><input type="number" min="0.00" max="99999999.99" step="0.01" class="am-modal-prompt-input am-modal-prompt-input-budget-plan-detail input-changeable-project-manage-cost-budget-plan"></td>\n' +
@@ -106,7 +108,21 @@ function appendTrBudgetPlan() {
     $("#budgetPlanDetailTable").append(template);
     //重新绑定删除事件和input修改事件
     bindBudgetPlanDeleteBtn();
+    //绑定资金计划明细输入框
     bindChangeableInputBudgetPlanDetail();
+    //渲染日期选择框
+    renderMonthDatePicker()
+}
+
+/**
+ * 给月份输入框绑定日期选择框
+ */
+function renderMonthDatePicker() {
+    $(".input-changeable-month-budget-plan").datepicker({
+        format: 'yyyy-mm',
+        viewMode: 'years',
+        minViewMode: 'months'
+    });
 }
 
 /**

src/main/resources/templates/admin/project_budget_edit.ftl

@@ -585,7 +585,7 @@
         </div>
     </div>
     <#--资金计划明细表弹窗-->
-    <div class="am-modal am-modal-prompt" style="width: 1200px;max-height:600px;overflow-y:auto;" tabindex="-1" id="my-prompt-budget-plan-detail">
+    <div class="am-modal am-modal-prompt" style="width: 1500px;max-height:600px;overflow-y:auto;" tabindex="-1" id="my-prompt-budget-plan-detail">
         <div class="am-modal-dialog">
             <div class="am-modal-hd">新增资金计划明细表——${project.name}</div>
             <div class="am-modal-bd">
@@ -627,7 +627,7 @@
                         <#if projectBudgetPlanDetails??>
                             <#list projectBudgetPlanDetails as projectBudgetPlanDetail>
                             <tr>
-                                <td><input type="text" class="am-modal-prompt-input am-modal-prompt-input-budget-plan-detail input-changeable-month-budget-plan" value="${projectBudgetPlanDetail.month!}"></td>
+                                <td><input type="text" class="am-modal-prompt-input am-modal-prompt-input-budget-plan-detail input-changeable-month-budget-plan" value="${projectBudgetPlanDetail.month!}" readonly></td>
                                 <td><input type="number" min="0.00" max="99999999.99" step="0.01" class="am-modal-prompt-input am-modal-prompt-input-budget-plan-detail input-changeable-device-cost-budget-plan" value="${Utils.format(projectBudgetPlanDetail.deviceCost)}"></td>
                                 <td><input type="number" min="0.00" max="99999999.99" step="0.01" class="am-modal-prompt-input am-modal-prompt-input-budget-plan-detail input-changeable-engineer-cost-budget-plan" value="${Utils.format(projectBudgetPlanDetail.engineerCost)}"></td>
                                 <td><input type="number" min="0.00" max="99999999.99" step="0.01" class="am-modal-prompt-input am-modal-prompt-input-budget-plan-detail input-changeable-project-manage-cost-budget-plan" value="${Utils.format(projectBudgetPlanDetail.projectManageCost)}"></td>