日期输入框渲染日期

master
xxssyyyyssxx 2021-11-18 10:12:15 +08:00
parent 3190f85c10
commit 24c19f6713
3 changed files with 20 additions and 4 deletions

View File

@ -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

View File

@ -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'
});
}
/**

View File

@ -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>