榆樹 - 從JS更新日期輸入字段不起作用

我的工作與榆樹的一個項目，但目前我卡在以下問題：我想從榆樹更新產生的輸入字段榆樹 - 從JS更新日期輸入字段不起作用

newDate address = 
    header 
     [ id "header" ] 
     [ input 
      [ id "datePicker" 
      , autofocus False 
      , type' "date" 
      , onEnter address Add 
      ] 
      [] 
     ]

我最初的想法是將我的.elm代碼與html，我成功這樣做，使我能夠創建自定義js腳本來與dom進行交互。

但是，在添加以下腳本（將日期設置爲當前日期）時，它似乎沒有更新日期字段。

$(document).ready(function() { 
     var now = new Date(); 

     var day = ("0" + now.getDate()).slice(-2); 
     var month = ("0" + (now.getMonth() + 1)).slice(-2); 

     var today = now.getFullYear()+"-"+(month)+"-"+(day) ; 

     $('#datePicker').val(today); 
    });

但是，如果我在瀏覽器控制檯本身執行此代碼，它確實有效。

有什麼想法？

在此先感謝！

-K

補充：要求榆樹融入HTML

<html> 

    <head> 
    <title>Embedded Elm</title> 
    <script type="text/javascript" src="elm.js"></script> 
    <script src="http://code.jquery.com/jquery-1.11.0.min.js"></script> 
    </head> 

    <body> 
     <div id="main" style="width:50%; height:400px;"></div> 
    </body> 

    <script type="text/javascript"> 
    var mainDiv = document.getElementById('main'); 
    Elm.embed(Elm.Main, mainDiv); 

    $(document).ready(function() { 
     var now = new Date(); 

     var day = ("0" + now.getDate()).slice(-2); 
     var month = ("0" + (now.getMonth() + 1)).slice(-2); 

     var today = now.getFullYear()+"-"+(month)+"-"+(day) ; 
     $('#datePicker').val(today); 
    }); 


    </script> 

</html>

來源

2015-12-20 Koen Certyn

你可以請你分享你如何包括這個腳本和榆樹應用程序在你的HTML？我在猜測這個腳本是有效的，但是在榆樹應用程序第一次渲染之前，dom ready事件就被解僱了。 – grumpyjames

對我來說，它在Chrome中運行正常，但不在Firefox中運行。我猜你的JS在表單進入DOM之前運行。 – Adrian