# kintone 日時項目への日付・時刻の設定

**URL:** <https://community.cybozu.dev/t/topic/2602>\
**Category:** kintone 開発相談\
**Created:** [2016 年 9 月 2 日午前 8:02 UTC](https://community.cybozu.dev/t/topic/2602 "2016-09-02T08:02:36Z")\
**Posts on this page:** 10\
**Page:** 1

<div class="post-metadata">

**Author:** ![Legacy\_Account517](https://avatars.discourse-cdn.com/v4/letter/l/f19dbf/32.png) [@Legacy\_Account517](https://community.cybozu.dev/u/Legacy_Account517)\
**Post date:** [2016 年 9 月 2 日午前 8:02 UTC](https://community.cybozu.dev/t/topic/2602/1 "2016-09-02T08:02:36Z")

</div>

&nbsp;いつも大変お世話になっております。

&nbsp;

今回、【kintoneプラグイン 《カレンダーPlus》】を使用することになり、

一旦無料版にてカレンダーへのカスタムを行っています。

(どこまでできるか確認の為)

&nbsp;

現在、別アプリからルックアップで参照した「時刻」項目を元に、予定を登録できるようにしたく、以下の処理を実施したいと考えていますが、スクリプトにて実現可能でしょうか。

&nbsp;

１．現在の日付を取得

２．ルックアップで取得したの「時刻」項目と１．を組み合わせる

３．組み合わせた２．を予定登録用の「日時」項目へ反映する。

&nbsp;

こちらはすべて、「追加」「編集」の保存実行前イベント

([‘app.record.create.submit’,‘app.record.edit.submit’])にて実施します。

&nbsp;

１．と２．については実施出来ていることを確認していますが、３．が上手く行きません。

&nbsp;

良い方法がありましたら、教えていただけると助かります。

よろしくお願いいたします。

&nbsp;

&nbsp;

&nbsp;

&nbsp;

&nbsp;

&nbsp;

---

<div class="post-metadata">

**Author:** ![Legacy\_Account1363](https://avatars.discourse-cdn.com/v4/letter/l/a88e4f/32.png) [@Legacy\_Account1363](https://community.cybozu.dev/u/Legacy_Account1363)\
**Post date:** [2016 年 9 月 2 日午前 8:16 UTC](https://community.cybozu.dev/t/topic/2602/2 "2016-09-02T08:16:56Z")

</div>

arakakiさま  
カレンダーPlusを提供しているラジカルブリッジの斎藤です。

カレンダーPlusをご試用いただきありがとうございます。

３.がうまくいかないとのことですが、どのようにうまくいかないのか教えていただけますでしょうか？

1.の日付と2.の時刻が正しく存在していれば、JavaScriptで日時形式を作ることはできると思いますが、その日時のフォーマットはこちらのページに記載の形式で作られていますでしょうか？

[https://cybozudev.zendesk.com/hc/ja/articles/201941754#step6](https://cybozudev.zendesk.com/hc/ja/articles/201941754#step6)

尚、カレンダーPlusで一つの予定を表す場合、開始日時と終了日時の両方が必要なので、その両方に正しく値が格納されていれば、カレンダーPlusで正しく表示されると思います。  
但し、カレンダーPlus側からマウス操作で登録・編集した場合は、2.のルックアップとは連動せずに開始日時と終了日時が登録・更新されますので運用上ご注意ください。

&nbsp;

---

<div class="post-metadata">

**Author:** ![Legacy\_Account517](https://avatars.discourse-cdn.com/v4/letter/l/f19dbf/32.png) [@Legacy\_Account517](https://community.cybozu.dev/u/Legacy_Account517)\
**Post date:** [2016 年 9 月 2 日午前 8:30 UTC](https://community.cybozu.dev/t/topic/2602/3 "2016-09-02T08:30:47Z")

</div>

**斎藤 栄 さん**

コメント頂きありがとうございます。

フォーマット形式を再確認し、チャレンジしてみます。

確認次第またコメントさせてください。

&nbsp;

決まった週間予定がすでにkintoneに別で登録してありまして、そちらをどうにか連動反映していきたいです。

また、終了日時については、今回の質問事項が解決次第、一時間進めた日時を指定できるようにしたいと考えています。

&nbsp;

&nbsp;

&nbsp;

アカウントごとに予定を管理するアプリや連動システムは他でもありましたが、

kintoneに登録されているレコードから予定を作成できそう、且つ、

週間予定を一覧表示で重複分まで確認できるのは【カレンダーPlus】だけでしたので、

今必死に作業しています…

---

<div class="post-metadata">

**Author:** ![Legacy\_Account1363](https://avatars.discourse-cdn.com/v4/letter/l/a88e4f/32.png) [@Legacy\_Account1363](https://community.cybozu.dev/u/Legacy_Account1363)\
**Post date:** [2016 年 9 月 2 日午前 8:36 UTC](https://community.cybozu.dev/t/topic/2602/4 "2016-09-02T08:36:23Z")

</div>

arakakiさん

業務によっていろいろなアプリ形態があり得ると思いますので、カレンダーPlusは比較的汎用性を持った作りにしているつもりなのですが、arakakiさんのやりたいことが実現できればこちらとしてもうれしいです。

うまくいくようでしたらぜひ本採用をご検討いただければ幸いです（笑）

&nbsp;

---

<div class="post-metadata">

**Author:** ![Legacy\_Account517](https://avatars.discourse-cdn.com/v4/letter/l/f19dbf/32.png) [@Legacy\_Account517](https://community.cybozu.dev/u/Legacy_Account517)\
**Post date:** [2016 年 9 月 2 日午前 8:56 UTC](https://community.cybozu.dev/t/topic/2602/5 "2016-09-02T08:56:21Z")

</div>

**斎藤 栄さん**

&nbsp;

コメント頂きありがとうございます。

本採用予定なのですが、出来ることと、出来ないことを確認しなくてはならないため…頑張ってます(笑)

&nbsp;

形式を確認しました。

日時項目に値を設定する場合、「2016-09-02T00:00:00Z」といった形式にしたいのですが、

ＰＣより取得した日付が「2016-9-2」なので、組み合わせた時点で

「2016-9-2T00:00:00Z」 といった状態になっていました。

&nbsp;

セットのロジックとしては以下になります

&nbsp;

//本日日付取得  
var dat = new Date();  
var year = dat.getFullYear();  
var month = dat.getMonth()+1;  
var week = dat.getDay();  
var day = dat.getDate();  
var yobi = new Array(“日”,“月”,“火”,“水”,“木”,“金”,“土”);

event.record[‘日時’].value = year + “-” + month + “-” + day + “T” + event.record[‘時刻’].value + “:00Z”;

&nbsp;

おそらく、月と日の桁数が１桁になっているのがいけないのかな？と想定していますが、

月と日の桁を２桁として設定する、何か良い方法はありますでしょうか。

&nbsp;

知っている方がいらっしゃいましたら、よろしくお願いいたします。

---

<div class="post-metadata">

**Author:** ![Legacy\_Account1363](https://avatars.discourse-cdn.com/v4/letter/l/a88e4f/32.png) [@Legacy\_Account1363](https://community.cybozu.dev/u/Legacy_Account1363)\
**Post date:** [2016 年 9 月 2 日午前 9:09 UTC](https://community.cybozu.dev/t/topic/2602/6 "2016-09-02T09:09:05Z")

</div>

arakakiさん

JavaScriptの標準のDateオブジェクトは結構面倒なことが多いので、moment.jsがおすすめです。  
[http://momentjs.com/](http://momentjs.com/)

var today = moment().format(‘YYYY-MM-DD’);

で今日の日付が「2016-09-02」の形式で取れます。  
時刻のハンドリングもしやすいのですが、最初調べるのが大変かもですね。。

&nbsp;moment.jsを使わずに通常のJSで「月と日の桁を２桁として設定する」を頑張るとすれば以下でしょうか。

var date = new Date();  
var today = date.getFullYear() + ‘-’ + (‘0’ + (date.getMonth() + 1)).slice(-2) + ‘-’ + (‘0’ + date.getDate()).slice(-2);

あと、時刻の方はUTC時刻との差にお気をつけください。

&nbsp;

---

<div class="post-metadata">

**Author:** ![Legacy\_Account517](https://avatars.discourse-cdn.com/v4/letter/l/f19dbf/32.png) [@Legacy\_Account517](https://community.cybozu.dev/u/Legacy_Account517)\
**Post date:** [2016 年 9 月 2 日午前 9:33 UTC](https://community.cybozu.dev/t/topic/2602/7 "2016-09-02T09:33:54Z")

</div>

斎藤 栄さん

コメントありがとうございます。  
そういったやり方があるのですね。とても参考になります。  
トライしてみます！

また、今後ともよろしくお願い致します。

---

<div class="post-metadata">

**Author:** ![Legacy\_Account1517](https://avatars.discourse-cdn.com/v4/letter/l/4bbf92/32.png) [@Legacy\_Account1517](https://community.cybozu.dev/u/Legacy_Account1517)\
**Post date:** [2016 年 9 月 2 日午前 9:36 UTC](https://community.cybozu.dev/t/topic/2602/8 "2016-09-02T09:36:14Z")

</div>

arakakiさん

斎藤 さんがおっしゃるように&nbsp;moment.js を使ったほうがいろいろ悩まずに済むと思います。  
こんな感じでいけると思います。

&nbsp;

// ロケールを設定  
moment.locale(‘ja’);

// 本日日付(日本時間)  
var datetime = moment().format(‘YYYY-MM-DD’);

// 本日日付+時刻(日本時間)  
if(event.record[‘時刻’][‘value’])  
datetime += ’ ’ + event.record[‘時刻’][‘value’];

// ISO  
event.record[‘日時’][‘value’] = moment(datetime).toISOString();  
console.log(event.record[‘日時’][‘value’]);

&nbsp;

&nbsp;

&nbsp;

---

<div class="post-metadata">

**Author:** ![Legacy\_Account517](https://avatars.discourse-cdn.com/v4/letter/l/f19dbf/32.png) [@Legacy\_Account517](https://community.cybozu.dev/u/Legacy_Account517)\
**Post date:** [2016 年 9 月 5 日午前 2:34 UTC](https://community.cybozu.dev/t/topic/2602/9 "2016-09-05T02:34:49Z")

</div>

&nbsp;

**rex0220** さん

&nbsp;

ご返答が遅くなり申し訳ありません。

コメント頂きありがとうございます。

教えて頂いた通りに実施したところ出来ました！

&nbsp;

moment.jsの使い方がよくわからなかったので、

大変勉強になりました。ありがとうございました。

---

<div class="post-metadata">

**Author:** ![system](https://us1.discourse-cdn.com/flex015/uploads/cybozu/original/1X/d5c841c3c5a6cb66eed514001c1b45147c9e1f4f.png) [@system](https://community.cybozu.dev/u/system)\
**Post date:** [2025 年 8 月 20 日午前 1:35 UTC](https://community.cybozu.dev/t/topic/2602/10 "2025-08-20T01:35:12Z")

</div>

このトピックはベストアンサーに選ばれた返信から 3 日が経過したので自動的にクローズされました。新たに返信することはできません。