1
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 1 year has passed since last update.

Djangoテンプレートでのcolor値の表示方法について

Last updated at Posted at 2022-03-10

Djangoテンプレートでのcolor値をテキストではなく、カラーピッカーで表示したい場合、formのクラスで対象のfieldにwidgets = {'sample_color': TextInput(attrs={'type': 'color'})}を設定すると、テンプレートでは、カラーの値ではなく、カラーピッカーで表示されます。
これをしなければ、modelでカラー値は文字列で表示されます。

model.py
class SampleData(models.Model):
    値は文字列で格納
    fore_color = models.CharField(max_length=7,null="true") 
forms.py
class SampleDataForm(ModelForm):
  class Meta:
    model = RSC_SCADULE_ITEM
    fields = ('sample_color')
    #下記を追加すすると、テンプレートでカラーパレットで表示される。
    widgets = {
               'sample_color': TextInput(attrs={'type': 'color'})
              }

カラーの入力項目がカラーピッカーで表示される。

sample.html
~ 略 ~
{{ form.as_p }}
{% csrf_token %}
<div class="form-group row">
  <div class="offset-md-3 col-md-9">
     <button type="submit" class="btn btn-primary">送信</button>
  </div>
</div>
1
0
2

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
1
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?