回答編集履歴
1
コメント部分について追記
test
CHANGED
@@ -152,7 +152,7 @@
|
|
152
152
|
|
153
153
|
```
|
154
154
|
|
155
|
-
const disabledDays: = Calender.getDisableDays();
|
155
|
+
const disabledDays: DisabledDays = Calender.getDisableDays();
|
156
156
|
|
157
157
|
|
158
158
|
|
@@ -309,3 +309,117 @@
|
|
309
309
|
|
310
310
|
|
311
311
|
以上、長くなりましたが、参考になれば幸いです。
|
312
|
+
|
313
|
+
|
314
|
+
|
315
|
+
|
316
|
+
|
317
|
+
---
|
318
|
+
|
319
|
+
2019/12/23 16:30追記
|
320
|
+
|
321
|
+
|
322
|
+
|
323
|
+
コメントで頂いていた内容を追記します。
|
324
|
+
|
325
|
+
|
326
|
+
|
327
|
+
> index.jsはmoment.jsを使うことができないのですがどうしたらいいでしょうか?
|
328
|
+
|
329
|
+
|
330
|
+
|
331
|
+
(1)で、momentを読み込んでいます。TypeScriptであれば(1)、(1)でうまく読み込めなければ、(1)' で読み込めるのではと思います。
|
332
|
+
|
333
|
+
|
334
|
+
|
335
|
+
> 上記の処理はindex.jsに書くということでいいでしょうか?
|
336
|
+
|
337
|
+
|
338
|
+
|
339
|
+
(2)の部分で展開してもらえると良いと思います。
|
340
|
+
|
341
|
+
|
342
|
+
|
343
|
+
クラス
|
344
|
+
|
345
|
+
```JavaScript
|
346
|
+
|
347
|
+
import * as moment from 'moment'; // ... (1)
|
348
|
+
|
349
|
+
const moment = require('moment'); // ... (1)'
|
350
|
+
|
351
|
+
|
352
|
+
|
353
|
+
export default class Index extends React.Component {
|
354
|
+
|
355
|
+
render() {
|
356
|
+
|
357
|
+
// ... (2)
|
358
|
+
|
359
|
+
const disabledDays: DisabledDays = Calender.getDisableDays();
|
360
|
+
|
361
|
+
const disabledDaysFromAfter: Date = moment(disabledDays.after).subtract(1, 'days').toDate();
|
362
|
+
|
363
|
+
const disabledDaysFromBefore: Date = moment(disabledDays.before).subtract(1, 'days').toDate();
|
364
|
+
|
365
|
+
|
366
|
+
|
367
|
+
return (
|
368
|
+
|
369
|
+
<Day
|
370
|
+
|
371
|
+
disabledDays={/* 必要な値を渡す */}
|
372
|
+
|
373
|
+
/>
|
374
|
+
|
375
|
+
);
|
376
|
+
|
377
|
+
}
|
378
|
+
|
379
|
+
}
|
380
|
+
|
381
|
+
|
382
|
+
|
383
|
+
```
|
384
|
+
|
385
|
+
|
386
|
+
|
387
|
+
関数
|
388
|
+
|
389
|
+
```JavaScript
|
390
|
+
|
391
|
+
import * as moment from 'moment'; // ... (1)
|
392
|
+
|
393
|
+
const moment = require('moment'); // ... (1)'
|
394
|
+
|
395
|
+
|
396
|
+
|
397
|
+
const Index = () => {
|
398
|
+
|
399
|
+
// ... (2)
|
400
|
+
|
401
|
+
const disabledDays: DisabledDays = Calender.getDisableDays();
|
402
|
+
|
403
|
+
const disabledDaysFromAfter: Date = moment(disabledDays.after).subtract(1, 'days').toDate();
|
404
|
+
|
405
|
+
const disabledDaysFromBefore: Date = moment(disabledDays.before).subtract(1, 'days').toDate();
|
406
|
+
|
407
|
+
|
408
|
+
|
409
|
+
return (
|
410
|
+
|
411
|
+
<Day
|
412
|
+
|
413
|
+
disabledDays={/* 必要な値を渡す */}
|
414
|
+
|
415
|
+
/>
|
416
|
+
|
417
|
+
);
|
418
|
+
|
419
|
+
};
|
420
|
+
|
421
|
+
|
422
|
+
|
423
|
+
export default Index;
|
424
|
+
|
425
|
+
```
|