2017-03-10 123 views
0

首先道歉,如果我錯誤地看到另一個解決方案,但我沒有管理得到解決這個問題的方式。我的html,腳本代碼和定義被正確放置,它正在顯示並彈出datepicker日曆,但問題出現在選擇日期的時候。這是我的代碼審查,如果我失去了一些東西。jQuery Datepicker不能在日期選擇

HTML代碼

<table style="border:none"> 
           <tbody><tr> 
            <td>Date From: &nbsp;</td> 
            <td><input class="form-control input-sm" id="from" name="from" size="10" required="" type="text"></td> 
            <td> </td> 
            <td>Date To: &nbsp;</td> 
            <td><input class="form-control input-sm" id="to" name="to" size="10" required="" type="text"></td> 
           </tr> 
           </tbody></table> 

的Javascript

$("#from").val(moment().format('DD/MM/YYYY')); 
$("#to").val(moment().format('DD/MM/YYYY')); 
$('#from, #to').datepicker({ 
    format: 'dd/mm/yyyy' 
}); 

腳本的 '頭' 部分定義(包括所有的腳本聲明對我的問題,明確界定)。

<script src="/strateq/js/jquery.min.js"></script> 
    <script src="/strateq/js/jquery.redirect.js"></script> 
    <script src="/strateq/js/jquery.dataTables.min.js"></script> 
    <script src="/strateq/js/bootstrap-datepicker.min.js"></script> 
    <script src="/strateq/js/moment.min.js"></script> 
    <script src="/strateq/js/bootstrap.min.js"></script> 
    <script src="/strateq/js/dataTables.bootstrap.min.js"></script> 
    <script src="/strateq/js/metisMenu.min.js"></script> 
    <script src="/strateq/js/sb-admin-2.js"></script> 

回答

1

剛剛嘗試這個..

$('#from, #to').datepicker({ 
    format: 'dd/mm/yyyy', 
    startDate: moment().format('DD/MM/YYYY'), 
    endDate: moment().format('DD/MM/YYYY') 
}); 

但這隻會覆蓋初始頁面加載。如果您還需要檢測你需要看看event文檔change事件。

.on(picker_event, function(e) { 
    // `e` here contains the extra attributes 
}); 

未經測試,但試一試..

$('#from, #to').datepicker({ 
    format: 'dd/mm/yyyy', 
    startDate: moment().format('DD/MM/YYYY'), 
    endDate: moment().format('DD/MM/YYYY') 
}).on('changeDate', function(e) { 
    // do something.. 
}); 
+0

我會嘗試的第一個代碼,但它變得模糊的日期選擇框。然而,在meta標籤的html頭部分中,我添加了content-security-policy,在CSP本身的script-src中添加了「unsafe-inline」。它會導致我現在面臨的問題嗎? –

相關問題