質問編集履歴

1

詳細を追加しました

2016/10/31 02:33

投稿

nisioisn
nisioisn

スコア19

test CHANGED
File without changes
test CHANGED
@@ -1 +1,87 @@
1
1
  グーグルスプレッドシートで指定のセルをクリックしたら'DatePicker(カレンダー)'を表示してカレンダーで選択した日付をセルに入力したいんですが、可能でしょうか?
2
+
3
+ コード.gs
4
+
5
+ ```
6
+
7
+ var app = SpreadsheetApp;
8
+
9
+
10
+
11
+ function onOpen(e){
12
+
13
+ showContentApp();
14
+
15
+ }
16
+
17
+
18
+
19
+ function showContentApp(){
20
+
21
+ var html = HtmlService.createHtmlOutputFromFile('DatePicker').setTitle('Date Picker').setWidth(320).setHeight(320);
22
+
23
+ app.getActiveSpreadsheet().show(html);
24
+
25
+ }
26
+
27
+
28
+
29
+ function setRangeValue(arg){
30
+
31
+ app.getActiveRange().setValue(arg);
32
+
33
+ }
34
+
35
+
36
+
37
+ ```
38
+
39
+
40
+
41
+ DatePicker.html
42
+
43
+ ```
44
+
45
+ <link rel="stylesheet" href="https://ssl.gstatic.com/docs/script/css/add-ons.css">
46
+
47
+ <link rel="stylesheet" href="https://ajax.googleapis.com/ajax/libs/jqueryui/1/themes/dot-luv/jquery-ui.css">
48
+
49
+ <script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
50
+
51
+ <script src="//ajax.googleapis.com/ajax/libs/jqueryui/1.10.4/jquery-ui.min.js"></script>
52
+
53
+ <script src="//ajax.googleapis.com/ajax/libs/jqueryui/1/i18n/jquery.ui.datepicker-ja.min.js"></script>
54
+
55
+ <script>
56
+
57
+ $(function(){
58
+
59
+ $("#datepicker").datepicker({
60
+
61
+ onSelect: function(dateText, inst) {
62
+
63
+ google.script.run.setRangeValue(dateText);
64
+
65
+ }
66
+
67
+ });
68
+
69
+ });
70
+
71
+ </script>
72
+
73
+ <div id="datepicker"></div>
74
+
75
+ ```
76
+
77
+
78
+
79
+ ただいまの現状としては、
80
+
81
+ ①セルの選択ができない!
82
+
83
+ ②シートを開いた(再読み込み)時点でポップアップが表示され、日付を選択しても入力されない
84
+
85
+ です。
86
+
87
+ 皆様の御助力お願いいたします!