2016-12-02 3 views
0

ユーザーは明らかにイベントの側面を編集できる編集ページがあります。日付が空であることを除いて、すべてが表示されます。ejsを使用してmongoから編集した日付を表示します

私は日付を表示できるように、それは保存するとき、それはイベントに

ビューを編集した後、ヌルとして保存されますので、どのように私は、この問題を回避することができ、原因である可能性があり、私のhtmlでtype="date"を使用しています:

<div class="form-group"> 
    <input class="form-control" type="date" name="editEvent[startDate]" placeholder="Date" value="<%= event.startDate %>"> 
</div> 

ルート:

router.get("/event/:id/edit", isLoggedIn, function(req,res){ 
Event.findById(req.params.id, function (err, foundEvent) { 
    if(err){ 
     console.log(err); 
     console.log("Cannot find the event...maybe the database isnt running?") 
    } else { 
     res.render("eventEdit", {event: foundEvent}); 

すべてが正常に動作しますが、日付

答えて

0

日付を表示するには、YYYY-MM-DDと書かなければならない日付を表示したい場合は、正しく表示されます。それ以外の場合は、フォーマットが認識されません。

あなたは私がmomentjsを使用してモンゴからのイベントの日付を編集しなければならなかったし、ここで私が使用したラインで、あなたの入力

type="date"属性を使用する場合、これは考慮に入れています。

var newDate = moment(foundEvent.startDate).utc().format("YYYY-MM-DD") res.render("eventEdit", {event: foundEvent, newDate:newDate});

newDateがテンプレートに渡される変数であり、その後、私は持っている:

<input class="form-control" type="date" name="editEvent[startDate]" placeholder="Date" value="<%= newDate %>"> 

これは動作します。

0

質問にさらに情報を追加できますか?現時点ではかなり不明瞭です。サーバーの設定方法と同様です。

+0

質問にルートを追加しました。他に何が必要ですか? – illcrx

+0

あなたのmongoスキーマを設定すると言うでしょう 'startDate:Date' 次に、データベースのstartDateがnullでないことを確認してください。また、問題をさらに診断するには、foundEventを経路上で分割してください。 eDate:foundEvent.startDateを追加するだけです。 .....あなたは最初にstartDateの内容を見ることができますか?私はあなたがファイルを保存するために呼び出す関数を見たいと思います –

関連する問題