[{"data":1,"prerenderedAt":1216},["ShallowReactive",2],{"content-query-XyZFoV0Co4":3,"navigation":868},{"_path":4,"_dir":5,"_draft":6,"_partial":6,"_locale":7,"title":8,"description":9,"date":10,"body":11,"_type":861,"_id":862,"_source":863,"_file":864,"_stem":865,"_extension":866,"sitemap":867},"/document/how-to/create-date-picker-cell","how-to",false,"","日付ピッカーセルの作成","この記事では、カスタム日付ピッカーセル（ドロップダウンカレンダーコンポーネントから日付の値を選択できるセル）の作成方法を示します。\n","2015-08-06",{"type":12,"children":13,"toc":858},"root",[14,27,33,55,127,132,200,210,215,540,545,674,687,845,852],{"type":15,"tag":16,"props":17,"children":18},"element","p",{},[19,21],{"type":20,"value":9},"text",{"type":15,"tag":22,"props":23,"children":26},"img",{"alt":24,"src":25},"271","/document/images/271.png",[],{"type":15,"tag":28,"props":29,"children":31},"h2",{"id":30},"カスタムセルボディの作成",[32],{"type":20,"value":30},{"type":15,"tag":16,"props":34,"children":35},{},[36,38,45,47,53],{"type":20,"value":37},"ReoGridでは、セルボディインターフェースを使用して任意のカスタムセルタイプを作成できます。セルボディを作成するには、",{"type":15,"tag":39,"props":40,"children":42},"code",{"className":41},[],[43],{"type":20,"value":44},"CellTypes.CellBody",{"type":20,"value":46},"クラスを継承するクラスを作成します。この例では、ドロップダウン対応のセルボディを作成するため、",{"type":15,"tag":39,"props":48,"children":50},{"className":49},[],[51],{"type":20,"value":52},"CellTypes.DropDownCell",{"type":20,"value":54},"クラスを継承する必要があります。",{"type":15,"tag":56,"props":57,"children":61},"pre",{"className":58,"code":59,"language":60,"meta":7,"style":7},"language-cs shiki shiki-themes github-light github-dark github-light","public class DatePickerCell : DropdownCell\n{\n  // our class members\n}\n","cs",[62],{"type":15,"tag":39,"props":63,"children":64},{"__ignoreMap":7},[65,99,108,118],{"type":15,"tag":66,"props":67,"children":70},"span",{"class":68,"line":69},"line",1,[71,77,82,88,94],{"type":15,"tag":66,"props":72,"children":74},{"style":73},"--shiki-light:#D73A49;--shiki-dark:#F97583;--shiki-default:#D73A49",[75],{"type":20,"value":76},"public",{"type":15,"tag":66,"props":78,"children":79},{"style":73},[80],{"type":20,"value":81}," class",{"type":15,"tag":66,"props":83,"children":85},{"style":84},"--shiki-light:#6F42C1;--shiki-dark:#B392F0;--shiki-default:#6F42C1",[86],{"type":20,"value":87}," DatePickerCell",{"type":15,"tag":66,"props":89,"children":91},{"style":90},"--shiki-light:#24292E;--shiki-dark:#E1E4E8;--shiki-default:#24292E",[92],{"type":20,"value":93}," : ",{"type":15,"tag":66,"props":95,"children":96},{"style":84},[97],{"type":20,"value":98},"DropdownCell\n",{"type":15,"tag":66,"props":100,"children":102},{"class":68,"line":101},2,[103],{"type":15,"tag":66,"props":104,"children":105},{"style":90},[106],{"type":20,"value":107},"{\n",{"type":15,"tag":66,"props":109,"children":111},{"class":68,"line":110},3,[112],{"type":15,"tag":66,"props":113,"children":115},{"style":114},"--shiki-light:#6A737D;--shiki-dark:#6A737D;--shiki-default:#6A737D",[116],{"type":20,"value":117},"  // our class members\n",{"type":15,"tag":66,"props":119,"children":121},{"class":68,"line":120},4,[122],{"type":15,"tag":66,"props":123,"children":124},{"style":90},[125],{"type":20,"value":126},"}\n",{"type":15,"tag":16,"props":128,"children":129},{},[130],{"type":20,"value":131},"このカスタムセルボディをワークシートに追加すると、空のドロップダウンセルが表示されます。",{"type":15,"tag":56,"props":133,"children":135},{"className":58,"code":134,"language":60,"meta":7,"style":7},"var worksheet = grid.CurrentWorksheet;\nworksheet[\"B2\"] = new DatePickerCell();\n",[136],{"type":15,"tag":39,"props":137,"children":138},{"__ignoreMap":7},[139,162],{"type":15,"tag":66,"props":140,"children":141},{"class":68,"line":69},[142,147,152,157],{"type":15,"tag":66,"props":143,"children":144},{"style":73},[145],{"type":20,"value":146},"var",{"type":15,"tag":66,"props":148,"children":149},{"style":84},[150],{"type":20,"value":151}," worksheet",{"type":15,"tag":66,"props":153,"children":154},{"style":73},[155],{"type":20,"value":156}," =",{"type":15,"tag":66,"props":158,"children":159},{"style":90},[160],{"type":20,"value":161}," grid.CurrentWorksheet;\n",{"type":15,"tag":66,"props":163,"children":164},{"class":68,"line":101},[165,170,176,181,186,191,195],{"type":15,"tag":66,"props":166,"children":167},{"style":90},[168],{"type":20,"value":169},"worksheet[",{"type":15,"tag":66,"props":171,"children":173},{"style":172},"--shiki-light:#032F62;--shiki-dark:#9ECBFF;--shiki-default:#032F62",[174],{"type":20,"value":175},"\"B2\"",{"type":15,"tag":66,"props":177,"children":178},{"style":90},[179],{"type":20,"value":180},"] ",{"type":15,"tag":66,"props":182,"children":183},{"style":73},[184],{"type":20,"value":185},"=",{"type":15,"tag":66,"props":187,"children":188},{"style":73},[189],{"type":20,"value":190}," new",{"type":15,"tag":66,"props":192,"children":193},{"style":84},[194],{"type":20,"value":87},{"type":15,"tag":66,"props":196,"children":197},{"style":90},[198],{"type":20,"value":199},"();\n",{"type":15,"tag":16,"props":201,"children":202},{},[203,205],{"type":20,"value":204},"結果：\n",{"type":15,"tag":22,"props":206,"children":209},{"alt":207,"src":208},"272","/document/images/272.png",[],{"type":15,"tag":16,"props":211,"children":212},{},[213],{"type":20,"value":214},"次に、空のドロップダウンパネルに標準の.NET日付ピッカーコントロールを追加します。",{"type":15,"tag":56,"props":216,"children":218},{"className":58,"code":217,"language":60,"meta":7,"style":7},"public class DatePickerCell : DropdownCell\n{\n  private DateTimePicker picker = null;\n\n  public DatePickerCell()\n  {\n    // create a standard .NET date picker\n    picker = new DateTimePicker();\n\n    // handle its event\n    picker.ValueChanged += Picker_ValueChanged;\n\n    **// add date picker to drop-down cell panel**\n    **base.DropdownControl = picker;**\n\n    base.MinimumDropdownWidth = 220;\n    base.DropdownPanelHeight = 24;\n  }\n\n  ...\n}\n",[219],{"type":15,"tag":39,"props":220,"children":221},{"__ignoreMap":7},[222,245,252,285,294,312,321,330,355,363,372,391,399,413,445,453,480,506,515,523,532],{"type":15,"tag":66,"props":223,"children":224},{"class":68,"line":69},[225,229,233,237,241],{"type":15,"tag":66,"props":226,"children":227},{"style":73},[228],{"type":20,"value":76},{"type":15,"tag":66,"props":230,"children":231},{"style":73},[232],{"type":20,"value":81},{"type":15,"tag":66,"props":234,"children":235},{"style":84},[236],{"type":20,"value":87},{"type":15,"tag":66,"props":238,"children":239},{"style":90},[240],{"type":20,"value":93},{"type":15,"tag":66,"props":242,"children":243},{"style":84},[244],{"type":20,"value":98},{"type":15,"tag":66,"props":246,"children":247},{"class":68,"line":101},[248],{"type":15,"tag":66,"props":249,"children":250},{"style":90},[251],{"type":20,"value":107},{"type":15,"tag":66,"props":253,"children":254},{"class":68,"line":110},[255,260,265,270,274,280],{"type":15,"tag":66,"props":256,"children":257},{"style":73},[258],{"type":20,"value":259},"  private",{"type":15,"tag":66,"props":261,"children":262},{"style":84},[263],{"type":20,"value":264}," DateTimePicker",{"type":15,"tag":66,"props":266,"children":267},{"style":84},[268],{"type":20,"value":269}," picker",{"type":15,"tag":66,"props":271,"children":272},{"style":73},[273],{"type":20,"value":156},{"type":15,"tag":66,"props":275,"children":277},{"style":276},"--shiki-light:#005CC5;--shiki-dark:#79B8FF;--shiki-default:#005CC5",[278],{"type":20,"value":279}," null",{"type":15,"tag":66,"props":281,"children":282},{"style":90},[283],{"type":20,"value":284},";\n",{"type":15,"tag":66,"props":286,"children":287},{"class":68,"line":120},[288],{"type":15,"tag":66,"props":289,"children":291},{"emptyLinePlaceholder":290},true,[292],{"type":20,"value":293},"\n",{"type":15,"tag":66,"props":295,"children":297},{"class":68,"line":296},5,[298,303,307],{"type":15,"tag":66,"props":299,"children":300},{"style":73},[301],{"type":20,"value":302},"  public",{"type":15,"tag":66,"props":304,"children":305},{"style":84},[306],{"type":20,"value":87},{"type":15,"tag":66,"props":308,"children":309},{"style":90},[310],{"type":20,"value":311},"()\n",{"type":15,"tag":66,"props":313,"children":315},{"class":68,"line":314},6,[316],{"type":15,"tag":66,"props":317,"children":318},{"style":90},[319],{"type":20,"value":320},"  {\n",{"type":15,"tag":66,"props":322,"children":324},{"class":68,"line":323},7,[325],{"type":15,"tag":66,"props":326,"children":327},{"style":114},[328],{"type":20,"value":329},"    // create a standard .NET date picker\n",{"type":15,"tag":66,"props":331,"children":333},{"class":68,"line":332},8,[334,339,343,347,351],{"type":15,"tag":66,"props":335,"children":336},{"style":90},[337],{"type":20,"value":338},"    picker ",{"type":15,"tag":66,"props":340,"children":341},{"style":73},[342],{"type":20,"value":185},{"type":15,"tag":66,"props":344,"children":345},{"style":73},[346],{"type":20,"value":190},{"type":15,"tag":66,"props":348,"children":349},{"style":84},[350],{"type":20,"value":264},{"type":15,"tag":66,"props":352,"children":353},{"style":90},[354],{"type":20,"value":199},{"type":15,"tag":66,"props":356,"children":358},{"class":68,"line":357},9,[359],{"type":15,"tag":66,"props":360,"children":361},{"emptyLinePlaceholder":290},[362],{"type":20,"value":293},{"type":15,"tag":66,"props":364,"children":366},{"class":68,"line":365},10,[367],{"type":15,"tag":66,"props":368,"children":369},{"style":114},[370],{"type":20,"value":371},"    // handle its event\n",{"type":15,"tag":66,"props":373,"children":375},{"class":68,"line":374},11,[376,381,386],{"type":15,"tag":66,"props":377,"children":378},{"style":90},[379],{"type":20,"value":380},"    picker.ValueChanged ",{"type":15,"tag":66,"props":382,"children":383},{"style":73},[384],{"type":20,"value":385},"+=",{"type":15,"tag":66,"props":387,"children":388},{"style":90},[389],{"type":20,"value":390}," Picker_ValueChanged;\n",{"type":15,"tag":66,"props":392,"children":394},{"class":68,"line":393},12,[395],{"type":15,"tag":66,"props":396,"children":397},{"emptyLinePlaceholder":290},[398],{"type":20,"value":293},{"type":15,"tag":66,"props":400,"children":402},{"class":68,"line":401},13,[403,408],{"type":15,"tag":66,"props":404,"children":405},{"style":73},[406],{"type":20,"value":407},"    **",{"type":15,"tag":66,"props":409,"children":410},{"style":114},[411],{"type":20,"value":412},"// add date picker to drop-down cell panel**\n",{"type":15,"tag":66,"props":414,"children":416},{"class":68,"line":415},14,[417,421,426,431,435,440],{"type":15,"tag":66,"props":418,"children":419},{"style":73},[420],{"type":20,"value":407},{"type":15,"tag":66,"props":422,"children":423},{"style":276},[424],{"type":20,"value":425},"base",{"type":15,"tag":66,"props":427,"children":428},{"style":90},[429],{"type":20,"value":430},".DropdownControl ",{"type":15,"tag":66,"props":432,"children":433},{"style":73},[434],{"type":20,"value":185},{"type":15,"tag":66,"props":436,"children":437},{"style":90},[438],{"type":20,"value":439}," picker;",{"type":15,"tag":66,"props":441,"children":442},{"style":73},[443],{"type":20,"value":444},"**\n",{"type":15,"tag":66,"props":446,"children":448},{"class":68,"line":447},15,[449],{"type":15,"tag":66,"props":450,"children":451},{"emptyLinePlaceholder":290},[452],{"type":20,"value":293},{"type":15,"tag":66,"props":454,"children":456},{"class":68,"line":455},16,[457,462,467,471,476],{"type":15,"tag":66,"props":458,"children":459},{"style":276},[460],{"type":20,"value":461},"    base",{"type":15,"tag":66,"props":463,"children":464},{"style":90},[465],{"type":20,"value":466},".MinimumDropdownWidth ",{"type":15,"tag":66,"props":468,"children":469},{"style":73},[470],{"type":20,"value":185},{"type":15,"tag":66,"props":472,"children":473},{"style":276},[474],{"type":20,"value":475}," 220",{"type":15,"tag":66,"props":477,"children":478},{"style":90},[479],{"type":20,"value":284},{"type":15,"tag":66,"props":481,"children":483},{"class":68,"line":482},17,[484,488,493,497,502],{"type":15,"tag":66,"props":485,"children":486},{"style":276},[487],{"type":20,"value":461},{"type":15,"tag":66,"props":489,"children":490},{"style":90},[491],{"type":20,"value":492},".DropdownPanelHeight ",{"type":15,"tag":66,"props":494,"children":495},{"style":73},[496],{"type":20,"value":185},{"type":15,"tag":66,"props":498,"children":499},{"style":276},[500],{"type":20,"value":501}," 24",{"type":15,"tag":66,"props":503,"children":504},{"style":90},[505],{"type":20,"value":284},{"type":15,"tag":66,"props":507,"children":509},{"class":68,"line":508},18,[510],{"type":15,"tag":66,"props":511,"children":512},{"style":90},[513],{"type":20,"value":514},"  }\n",{"type":15,"tag":66,"props":516,"children":518},{"class":68,"line":517},19,[519],{"type":15,"tag":66,"props":520,"children":521},{"emptyLinePlaceholder":290},[522],{"type":20,"value":293},{"type":15,"tag":66,"props":524,"children":526},{"class":68,"line":525},20,[527],{"type":15,"tag":66,"props":528,"children":529},{"style":90},[530],{"type":20,"value":531},"  ...\n",{"type":15,"tag":66,"props":533,"children":535},{"class":68,"line":534},21,[536],{"type":15,"tag":66,"props":537,"children":538},{"style":90},[539],{"type":20,"value":126},{"type":15,"tag":16,"props":541,"children":542},{},[543],{"type":20,"value":544},"エンドユーザーが選択した値を受け取るために、標準の.NET日付ピッカーイベントをハンドルする必要があります。",{"type":15,"tag":56,"props":546,"children":548},{"className":58,"code":547,"language":60,"meta":7,"style":7},"private void Picker_ValueChanged(object sender, EventArgs e)\n{\n  if (this.Cell != null) this.Cell.Data = picker.Value;\n}\n",[549],{"type":15,"tag":39,"props":550,"children":551},{"__ignoreMap":7},[552,605,612,667],{"type":15,"tag":66,"props":553,"children":554},{"class":68,"line":69},[555,560,565,570,575,580,585,590,595,600],{"type":15,"tag":66,"props":556,"children":557},{"style":73},[558],{"type":20,"value":559},"private",{"type":15,"tag":66,"props":561,"children":562},{"style":73},[563],{"type":20,"value":564}," void",{"type":15,"tag":66,"props":566,"children":567},{"style":84},[568],{"type":20,"value":569}," Picker_ValueChanged",{"type":15,"tag":66,"props":571,"children":572},{"style":90},[573],{"type":20,"value":574},"(",{"type":15,"tag":66,"props":576,"children":577},{"style":73},[578],{"type":20,"value":579},"object",{"type":15,"tag":66,"props":581,"children":582},{"style":84},[583],{"type":20,"value":584}," sender",{"type":15,"tag":66,"props":586,"children":587},{"style":90},[588],{"type":20,"value":589},", ",{"type":15,"tag":66,"props":591,"children":592},{"style":84},[593],{"type":20,"value":594},"EventArgs",{"type":15,"tag":66,"props":596,"children":597},{"style":84},[598],{"type":20,"value":599}," e",{"type":15,"tag":66,"props":601,"children":602},{"style":90},[603],{"type":20,"value":604},")\n",{"type":15,"tag":66,"props":606,"children":607},{"class":68,"line":101},[608],{"type":15,"tag":66,"props":609,"children":610},{"style":90},[611],{"type":20,"value":107},{"type":15,"tag":66,"props":613,"children":614},{"class":68,"line":110},[615,620,625,630,635,640,644,649,653,658,662],{"type":15,"tag":66,"props":616,"children":617},{"style":73},[618],{"type":20,"value":619},"  if",{"type":15,"tag":66,"props":621,"children":622},{"style":90},[623],{"type":20,"value":624}," (",{"type":15,"tag":66,"props":626,"children":627},{"style":276},[628],{"type":20,"value":629},"this",{"type":15,"tag":66,"props":631,"children":632},{"style":90},[633],{"type":20,"value":634},".Cell ",{"type":15,"tag":66,"props":636,"children":637},{"style":73},[638],{"type":20,"value":639},"!=",{"type":15,"tag":66,"props":641,"children":642},{"style":276},[643],{"type":20,"value":279},{"type":15,"tag":66,"props":645,"children":646},{"style":90},[647],{"type":20,"value":648},") ",{"type":15,"tag":66,"props":650,"children":651},{"style":276},[652],{"type":20,"value":629},{"type":15,"tag":66,"props":654,"children":655},{"style":90},[656],{"type":20,"value":657},".Cell.Data ",{"type":15,"tag":66,"props":659,"children":660},{"style":73},[661],{"type":20,"value":185},{"type":15,"tag":66,"props":663,"children":664},{"style":90},[665],{"type":20,"value":666}," picker.Value;\n",{"type":15,"tag":66,"props":668,"children":669},{"class":68,"line":120},[670],{"type":15,"tag":66,"props":671,"children":672},{"style":90},[673],{"type":20,"value":126},{"type":15,"tag":16,"props":675,"children":676},{},[677,679,685],{"type":20,"value":678},"また、セルボディが最初にセルに割り当てられた際に、",{"type":15,"tag":39,"props":680,"children":682},{"className":681},[],[683],{"type":20,"value":684},"OnSetup",{"type":20,"value":686},"メソッドが呼び出されます。ここで、そのセルにいくつかのスタイルを設定します。",{"type":15,"tag":56,"props":688,"children":690},{"className":58,"code":689,"language":60,"meta":7,"style":7},"public override void OnSetup(ReoGridCell cell)\n{\n  // call default OnSetup behavior\n  base.OnSetup(cell);\n\n  // give cell a small indent, since the space on the right side is already taken by the drop-down button\n  cell.Style.Indent = 3;\n\n  // Important! Set the cell date format to display dates correctly\n  cell.DataFormat = DataFormat.CellDataFormatFlag.DateTime;\n}\n",[691],{"type":15,"tag":39,"props":692,"children":693},{"__ignoreMap":7},[694,733,740,748,770,777,785,806,813,821,838],{"type":15,"tag":66,"props":695,"children":696},{"class":68,"line":69},[697,701,706,710,715,719,724,729],{"type":15,"tag":66,"props":698,"children":699},{"style":73},[700],{"type":20,"value":76},{"type":15,"tag":66,"props":702,"children":703},{"style":73},[704],{"type":20,"value":705}," override",{"type":15,"tag":66,"props":707,"children":708},{"style":73},[709],{"type":20,"value":564},{"type":15,"tag":66,"props":711,"children":712},{"style":84},[713],{"type":20,"value":714}," OnSetup",{"type":15,"tag":66,"props":716,"children":717},{"style":90},[718],{"type":20,"value":574},{"type":15,"tag":66,"props":720,"children":721},{"style":84},[722],{"type":20,"value":723},"ReoGridCell",{"type":15,"tag":66,"props":725,"children":726},{"style":84},[727],{"type":20,"value":728}," cell",{"type":15,"tag":66,"props":730,"children":731},{"style":90},[732],{"type":20,"value":604},{"type":15,"tag":66,"props":734,"children":735},{"class":68,"line":101},[736],{"type":15,"tag":66,"props":737,"children":738},{"style":90},[739],{"type":20,"value":107},{"type":15,"tag":66,"props":741,"children":742},{"class":68,"line":110},[743],{"type":15,"tag":66,"props":744,"children":745},{"style":114},[746],{"type":20,"value":747},"  // call default OnSetup behavior\n",{"type":15,"tag":66,"props":749,"children":750},{"class":68,"line":120},[751,756,761,765],{"type":15,"tag":66,"props":752,"children":753},{"style":276},[754],{"type":20,"value":755},"  base",{"type":15,"tag":66,"props":757,"children":758},{"style":90},[759],{"type":20,"value":760},".",{"type":15,"tag":66,"props":762,"children":763},{"style":84},[764],{"type":20,"value":684},{"type":15,"tag":66,"props":766,"children":767},{"style":90},[768],{"type":20,"value":769},"(cell);\n",{"type":15,"tag":66,"props":771,"children":772},{"class":68,"line":296},[773],{"type":15,"tag":66,"props":774,"children":775},{"emptyLinePlaceholder":290},[776],{"type":20,"value":293},{"type":15,"tag":66,"props":778,"children":779},{"class":68,"line":314},[780],{"type":15,"tag":66,"props":781,"children":782},{"style":114},[783],{"type":20,"value":784},"  // give cell a small indent, since the space on the right side is already taken by the drop-down button\n",{"type":15,"tag":66,"props":786,"children":787},{"class":68,"line":323},[788,793,797,802],{"type":15,"tag":66,"props":789,"children":790},{"style":90},[791],{"type":20,"value":792},"  cell.Style.Indent ",{"type":15,"tag":66,"props":794,"children":795},{"style":73},[796],{"type":20,"value":185},{"type":15,"tag":66,"props":798,"children":799},{"style":276},[800],{"type":20,"value":801}," 3",{"type":15,"tag":66,"props":803,"children":804},{"style":90},[805],{"type":20,"value":284},{"type":15,"tag":66,"props":807,"children":808},{"class":68,"line":332},[809],{"type":15,"tag":66,"props":810,"children":811},{"emptyLinePlaceholder":290},[812],{"type":20,"value":293},{"type":15,"tag":66,"props":814,"children":815},{"class":68,"line":357},[816],{"type":15,"tag":66,"props":817,"children":818},{"style":114},[819],{"type":20,"value":820},"  // Important! Set the cell date format to display dates correctly\n",{"type":15,"tag":66,"props":822,"children":823},{"class":68,"line":365},[824,829,833],{"type":15,"tag":66,"props":825,"children":826},{"style":90},[827],{"type":20,"value":828},"  cell.DataFormat ",{"type":15,"tag":66,"props":830,"children":831},{"style":73},[832],{"type":20,"value":185},{"type":15,"tag":66,"props":834,"children":835},{"style":90},[836],{"type":20,"value":837}," DataFormat.CellDataFormatFlag.DateTime;\n",{"type":15,"tag":66,"props":839,"children":840},{"class":68,"line":374},[841],{"type":15,"tag":66,"props":842,"children":843},{"style":90},[844],{"type":20,"value":126},{"type":15,"tag":16,"props":846,"children":847},{},[848,849],{"type":20,"value":204},{"type":15,"tag":22,"props":850,"children":851},{"alt":24,"src":25},[],{"type":15,"tag":853,"props":854,"children":855},"style",{},[856],{"type":20,"value":857},"html .light .shiki span {color: var(--shiki-light);background: var(--shiki-light-bg);font-style: var(--shiki-light-font-style);font-weight: var(--shiki-light-font-weight);text-decoration: var(--shiki-light-text-decoration);}html.light .shiki span {color: var(--shiki-light);background: var(--shiki-light-bg);font-style: var(--shiki-light-font-style);font-weight: var(--shiki-light-font-weight);text-decoration: var(--shiki-light-text-decoration);}html .dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html.dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html .default .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}",{"title":7,"searchDepth":101,"depth":101,"links":859},[860],{"id":30,"depth":101,"text":30},"markdown","content:document:16.how-to:6.create-date-picker-cell.md","content","document/16.how-to/6.create-date-picker-cell.md","document/16.how-to/6.create-date-picker-cell","md",{"loc":4},[869,1192,1195,1198,1201,1204,1207,1210,1213],{"title":870,"_path":871,"children":872},"Document","/document",[873,884,889,921,938,967,999,1019,1033,1056,1067,1083,1106,1117,1137,1157,1184],{"title":874,"_path":875,"children":876},"はじめに","/document/getting-started",[877,878,881],{"title":874,"_path":875},{"title":879,"_path":880},"インストール","/document/getting-started/installation",{"title":882,"_path":883},"V3 から V4 への移行ガイド","/document/getting-started/migrate-from-v3",{"title":885,"_path":886,"children":887},"ワークブック","/document/workbook",[888],{"title":885,"_path":886},{"title":890,"_path":891,"children":892},"ワークシート","/document/worksheet",[893,894,897,900,903,906,909,912,915,918],{"title":890,"_path":891},{"title":895,"_path":896},"行、列、ヘッダー","/document/worksheet/row-and-column",{"title":898,"_path":899},"範囲","/document/worksheet/range",{"title":901,"_path":902},"名前付き範囲","/document/worksheet/named-range",{"title":904,"_path":905},"セルの結合と解除","/document/worksheet/merge-and-unmerge",{"title":907,"_path":908},"パーシャルグリッド","/document/worksheet/partial-grid",{"title":910,"_path":911},"複数行ヘッダー","/document/worksheet/multiple-row-header",{"title":913,"_path":914},"ウィンドウ枠の固定","/document/worksheet/freeze",{"title":916,"_path":917},"ズーム","/document/worksheet/zoom",{"title":919,"_path":920},"設定とオプション","/document/worksheet/settings",{"title":922,"_path":923,"children":924},"選択とナビゲーション","/document/selection",[925,926,929,932,935],{"title":922,"_path":923},{"title":927,"_path":928},"フォーカスと選択","/document/selection/selection",{"title":930,"_path":931},"範囲の選択","/document/selection/pick-range",{"title":933,"_path":934},"クリップボード","/document/selection/clipboard",{"title":936,"_path":937},"テキスト検索","/document/selection/text-search",{"title":939,"_path":940,"children":941},"データ管理","/document/data",[942,943,946,949,952,955,958,961,964],{"title":939,"_path":940},{"title":944,"_path":945},"データソース","/document/data/datasource",{"title":947,"_path":948},"データフィルタリング","/document/data/data-filtering",{"title":950,"_path":951},"組み込みオートフィルター","/document/data/builtin-autofilter",{"title":953,"_path":954},"条件付きフィルター","/document/data/conditional-filter",{"title":956,"_path":957},"条件付きスタイル","/document/data/conditional-styles",{"title":959,"_path":960},"グループとアウトライン","/document/data/group-and-outline",{"title":962,"_path":963},"データバリデーション","/document/data/data-validation",{"title":965,"_path":966},"保護とロック","/document/data/protection",{"title":968,"_path":969,"children":970},"セル","/document/cell",[971,972,975,978,981,984,987,990,993,996],{"title":968,"_path":969},{"title":973,"_path":974},"セルの編集","/document/cell/cell-edit",{"title":976,"_path":977},"スタイル","/document/cell/style",{"title":979,"_path":980},"罫線","/document/cell/border",{"title":982,"_path":983},"データ書式","/document/cell/data-format",{"title":985,"_path":986},"カスタムデータフォーマッター","/document/cell/custom-data-formatter",{"title":988,"_path":989},"データ連続入力","/document/cell/auto-fill",{"title":991,"_path":992},"リッチフォーマットテキスト","/document/cell/rich-format-text",{"title":994,"_path":995},"セルテキストの回転","/document/cell/rotate-cell-text",{"title":997,"_path":998},"セルの反復処理","/document/cell/iterate-cells",{"title":1000,"_path":1001,"children":1002},"セルタイプ","/document/cell-types",[1003,1004,1007,1010,1013,1016],{"title":1000,"_path":1001},{"title":1005,"_path":1006},"組み込みセルタイプ","/document/cell-types/built-in-cell-types",{"title":1008,"_path":1009},"カスタムセル","/document/cell-types/custom-cell",{"title":1011,"_path":1012},"ドロップダウンリストセル","/document/cell-types/dropdown-list-cell",{"title":1014,"_path":1015},"コンボリストセル","/document/cell-types/combo-list-cell",{"title":1017,"_path":1018},"列全体のセルタイプ","/document/cell-types/cells-type-for-entire-column",{"title":1020,"_path":1021,"children":1022},"数式","/document/formula",[1023,1024,1027,1030],{"title":1020,"_path":1021},{"title":1025,"_path":1026},"カスタム関数","/document/formula/custom-function",{"title":1028,"_path":1029},"数式関数","/document/formula/formula-functions",{"title":1031,"_path":1032},"VLOOKUP","/document/formula/vlookup",{"title":1034,"_path":1035,"children":1036},"チャート","/document/chart",[1037,1038,1041,1044,1047,1050,1053],{"title":1034,"_path":1035},{"title":1039,"_path":1040},"縦棒グラフ","/document/chart/column-chart",{"title":1042,"_path":1043},"横棒グラフ","/document/chart/bar-chart",{"title":1045,"_path":1046},"折れ線グラフ","/document/chart/line-chart",{"title":1048,"_path":1049},"面グラフ","/document/chart/area-chart",{"title":1051,"_path":1052},"2D円グラフ","/document/chart/pie-2d-chart",{"title":1054,"_path":1055},"ドーナツグラフ","/document/chart/doughnut-chart",{"title":1057,"_path":1058,"children":1059},"フローティングオブジェクト","/document/floating",[1060,1061,1064],{"title":1057,"_path":1058},{"title":1062,"_path":1063},"描画シェイプ","/document/floating/drawing-shapes",{"title":1065,"_path":1066},"フローティング画像","/document/floating/floating-image",{"title":1068,"_path":1069,"children":1070},"イベント","/document/events",[1071,1072,1074,1077,1080],{"title":1068,"_path":1069},{"title":1068,"_path":1073},"/document/events/events",{"title":1075,"_path":1076},"キーボードイベント","/document/events/keyboard-events",{"title":1078,"_path":1079},"マウスイベント","/document/events/mouse-events",{"title":1081,"_path":1082},"SelectionRangeChanged","/document/events/selection-events",{"title":1084,"_path":1085,"children":1086},"カスタマイズ","/document/customization",[1087,1088,1091,1094,1097,1100,1103],{"title":1084,"_path":1085},{"title":1089,"_path":1090},"コントロールの外観","/document/customization/control-appearance",{"title":1092,"_path":1093},"シートタブコントロール","/document/customization/sheet-tab-control",{"title":1095,"_path":1096},"使用可能なホットキー","/document/customization/hot-keys",{"title":1098,"_path":1099},"言語ローカライズ","/document/customization/language-localization",{"title":1101,"_path":1102},"アドレスバーと数式バー","/document/customization/formula-bar",{"title":1104,"_path":1105},"ReoGridEditor","/document/customization/editor",{"title":1107,"_path":1108,"children":1109},"アクション","/document/actions",[1110,1111,1114],{"title":1107,"_path":1108},{"title":1112,"_path":1113},"ReoGridアクションフレームワーク","/document/actions/actions",{"title":1115,"_path":1116},"組み込みワークシートアクション","/document/actions/built-in-actions",{"title":1118,"_path":1119,"children":1120},"ファイル形式","/document/io",[1121,1122,1125,1128,1131,1134],{"title":1118,"_path":1119},{"title":1123,"_path":1124},"Excelファイル形式 (xlsx)","/document/io/excel-file-format",{"title":1126,"_path":1127},"CSV形式","/document/io/csv-format",{"title":1129,"_path":1130},"RGF形式","/document/io/rgf-format",{"title":1132,"_path":1133},"Excel形式とRGF形式の違い","/document/io/difference-between-excel-and-rgf-format",{"title":1135,"_path":1136},"HTMLとしてエクスポート","/document/io/export-as-html",{"title":1138,"_path":1139,"children":1140},"高度な機能","/document/advanced",[1141,1142,1145,1148,1151,1154],{"title":1138,"_path":1139},{"title":1143,"_path":1144},"メモリワークブック","/document/advanced/memory-workbook",{"title":1146,"_path":1147},"ページングと印刷","/document/advanced/paging-and-print",{"title":1149,"_path":1150},"コントロールのリセット","/document/advanced/reset-control",{"title":1152,"_path":1153},"パフォーマンス","/document/advanced/performance",{"title":1155,"_path":1156},"設定","/document/advanced/settings",{"title":1158,"_path":1159,"children":1160},"ハウツーガイド","/document/how-to",[1161,1162,1165,1168,1171,1174,1175,1178,1181],{"title":1158,"_path":1159},{"title":1163,"_path":1164},"ReoGridの推奨プラクティス","/document/how-to/recommended-practice-for-using-reogrid",{"title":1166,"_path":1167},"DataTableでスプレッドシートを埋める","/document/how-to/fill-grid-with-datatable",{"title":1169,"_path":1170},"遅延読み込みモードによる大量データの高速読み込み","/document/how-to/fast-load-large-data-with-lazy-load-mode",{"title":1172,"_path":1173},"カスタムドロップダウンセルの作成","/document/how-to/create-custom-drop-down-cell",{"title":8,"_path":4},{"title":1176,"_path":1177},"Excelファイルからすべての画像を読み取る","/document/how-to/read-all-images-from-excel-file",{"title":1179,"_path":1180},"VB.NETでReoGridを使用するためのヒント","/document/how-to/use-reogrid-in-vb-net",{"title":1182,"_path":1183},"全選択チェックボックスヘッダーの作成","/document/how-to/create-select-all-checkbox-header",{"title":1185,"_path":1186,"children":1187},"トラブルシューティング","/document/troubleshooting",[1188,1189],{"title":1185,"_path":1186},{"title":1190,"_path":1191},"PInvoke例外の修正","/document/troubleshooting/fix-pinvoke-exception",{"title":1193,"_path":1194},"エディション・機能一覧","/editions-features",{"title":1196,"_path":1197},"個人情報保護方針","/privacy-policy",{"title":1199,"_path":1200},"動作環境","/requirements",{"title":1202,"_path":1203},"ReoGrid利用許諾契約書","/terms",{"title":1205,"_path":1206},"ReoGrid利用許諾契約書(Ver.3)","/terms-v3",{"title":1208,"_path":1209},"ReoGrid利用許諾契約書(Ver.4)","/terms-v4",{"title":1211,"_path":1212},"ReoGrid 4 トライアルライセンスポリシー","/terms-v4-trial",{"title":1214,"_path":1215},"ReoGrid Web Edition 利用許諾契約書","/terms-web",1786025078394]