こんにちは、現役沖縄フリーランスエンジニアのmah（MaLanka）です。
このブログでは、
僕がIT未経験から約1年でフリーランスエンジニアになるまでの過程、
ノウハウなどを書いていきます。
今回は、
- 【Vue.js】computedとmoment.jsで日時をフォーマットする
について書いていきます。
【Vue.js】computedとmoment.jsで日時をフォーマットする
手順
1、computedに、moment.jsでフォーマットする処理を記述
// component.vue
computed: {
// 開始日時
startParse: function() {
return moment(this.task.start).format('YYYY-MM-DDThh:mm')
},
// 終了日時
endParse: function() {
return moment(this.task.end).format('YYYY-MM-DDThh:mm')
}
}
2、v-modelに、1のstartParseとendParseを指定し、computedの戻り値を使用する
//component.vue <template> <b-form-input id="start-label" type="datetime-local" v-model="startParse" min="2000-01-01T00:00" max="2099-12-31T23:59" required></b-form-input> </template>
これで日時が指定したフォーマットになります。
注意点
1、computedはmethodsと違って引数を持てない
2、computedは、戻り値をreturnして使うこと。
戻り値をthis.〇〇のようにプロパティには代入出来ない。
代入しようとするとエラーになる。
以上です。
Vue.jsや流行りのTypeScriptを学びたい人へ
Vue.js
、TypeScript
、React.js
を学習するなら、Udemyの下記のコースがおすすめ★
（自分も全て受講しました）
- Vue.js
✅Vue.js + Firebaseで作るシングルページアプリケーション
- TypeScriipt
✅ハンズオンで学ぶ TypeScript - JavaScript エンジニアのための TypeScript徹底入門
- React.js
✅フロントエンドエンジニアのための React ・ Redux アプリケーション開発入門
最後に
下記の表に、
フリーランスエンジニア向けの人気エージェントをまとめてみました。
エージェント選びで悩んでいる方は是非参考にしてみてくださいね★
| エージェント | 詳細 | 最高単価/月 | 設立 |
|---|---|---|---|
|
|
評判をチェック | 180万円/月 | 2011年 |
ギークスジョブ
|
評判をチェック
|
180万円/月 | 2011年 |
フォスターフリーランス
|
評判をチェック | 230万円/月 | 1996年 |
| PE-BANK(pebank) | 評判をチェック | 200万円/月 | 1989年 |
|
Midworks(ミッドワークス) |
評判をチェック | 200万円/月 | 2013年 |
|
|
評判をチェック | 140万円/月 | 2005年 |