2017-04-04 6 views
3

私のアプリが現在の日付を入れるために日付形式で開始するとき、私は何のことも知らないでください。ある日をクリックしてフォームに入れるときの機能はありますが、 、そこに置くためにそれをクリックすることなく?フォームで最新の日付を選択したフルカレンダー

$('#calendar').fullCalendar({ 
    sclable: true, 
    height: 355, 
    contentHeight: 355, 
    header: { 
     right: 'details, today, prev,next', 
    }, 
    dayClick: function (date) { 
     var datePicker = date.format('MM/DD/YYYY'); 
     if (!dateToday) { 
      $('#form_date').val(datePicker); 
     } 
+0

カレンダーから選択した日付で 'form_date'入力を設定しますか? dateTodayとは何ですか?入力タイプのテキストまたは日付ですか? – Searching

+0

あなたは自動的にどういう意味ですか?ユーザーがその日をクリックしない場合、フォームに入れる日はどのように分かりますか? – ADyson

+0

@ADysonは同意しましたが、今日の日付や曜日を入力して欲しいと言っています。つまり、入力フィールドが空にならないようにアプリケーションを開始し、その日を入力してから同意し、ユーザーが選択すると1日。 – IleNea

答えて

1

あなたが求めているのは、フルカレンダーよりもHTMLに関係があります。

これは、<input />タグのvalue属性を設定することで実現できます。

<input id='calendar-input' /> 

JavaScriptコード内の入力フィールドのシード値を取得するには、2通りの方法があります。あなたは、フルカレンダーと推奨されmoment.jsを、使用している1.If

は、あなたがこのような何かを行うことができます:あなたは、現在の日付を取得するフルカレンダーの標準的な方法を使用したい2.Ifは

const today = moment().format(#formatType); 
    document.getElementById("calendar-input").value = today; 

それに応じてそれを設定します。この場合は、最初と次の選択の両方で使用できますgetDateメソッド。このメソッドはカレンダーの現在の日付を返し、新しい瞬間の日付オブジェクトを作成するのではなく、上のように正確に設定することができます。

関連する問題